@ducor/react
Version:
admin template ui interface
7 lines (6 loc) • 605 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { twMerge } from "tailwind-merge";
const FieldPlaceholder = ({ height = "auto", width = "full", className, onClick, }) => {
return (_jsx("div", { className: twMerge("mb-3", className), onClick: onClick, children: _jsx("div", { className: 'border-2 flex items-center justify-center border-dashed border-gray-600 rounded py-2 bg-gray-100 hover:bg-gray-200 hover:border-gray-500 transition-all duration-300', style: { height, width }, children: _jsx("i", { className: 'feather-plus text-xl font-bold' }) }) }));
};
export default FieldPlaceholder;