@brizy/ui
Version:
React elements in Brizy style
19 lines (18 loc) • 895 B
JavaScript
import React, { useCallback } from "react";
import { classNames } from "../classNamesFn";
import { Icon } from "../Icon";
import { CmsAddIcon } from "../icons";
import { BRZ_PREFIX } from "../constants";
export const DragDrop = props => {
const { text, size = "large", iconSize: _iconSize, onClick } = props;
const _onClick = useCallback(() => {
onClick === null || onClick === void 0 ? void 0 : onClick();
}, [onClick]);
const className = classNames()("drag-drop", {
[`drag-drop--${size}`]: size,
});
const iconSize = _iconSize ? _iconSize : size == "small" ? "14px" : "16px";
return (React.createElement("div", { className: className, onClick: _onClick },
React.createElement(Icon, { source: CmsAddIcon, size: iconSize, color: "blue" }),
text && React.createElement("div", { className: `${BRZ_PREFIX}-drag-drop--text` }, text)));
};