@ducor/react
Version:
admin template ui interface
8 lines (7 loc) • 732 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { twMerge } from "tailwind-merge";
var FieldPlaceholder = function (_a) {
var _b = _a.height, height = _b === void 0 ? "auto" : _b, _c = _a.width, width = _c === void 0 ? "full" : _c, className = _a.className, onClick = _a.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: height, width: width }, children: _jsx("i", { className: 'feather-plus text-xl font-bold' }) }) }));
};
export default FieldPlaceholder;