@ducor/react
Version:
admin template ui interface
10 lines (9 loc) • 682 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
var CustomizerButton = function (_a) {
var label = _a.label, value = _a.value, activeValue = _a.activeValue, onClick = _a.onClick;
var isActive = value === activeValue;
return (_jsx("button", { className: "border border-dashed px-4 py-1 rounded-md transition-all ".concat(isActive
? "border-blue-200 bg-blue-50 text-blue-400 dark:border-blue-600 dark:text-blue-600 dark:bg-blue-600/10"
: "border-gray-200 bg-gray-50 text-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-300"), onClick: function () { return onClick(value); }, children: label }));
};
export default CustomizerButton;