flexacore-ui-dev
Version:
Universal UI Framework for CDN, React, Angular, Vue, Svelte with TypeScript support
20 lines (19 loc) • 1.03 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const FCDropdown = ({ label = 'Dropdown', open = false, onToggle, children, className = '', ...rest }) => {
const classes = [
'fc-dropdown',
open ? 'fc-dropdown-open' : '',
className
].join(' ');
return (react_1.default.createElement("div", { className: classes, ...rest },
react_1.default.createElement("button", { className: "fc-dropdown-toggle fc-btn", type: "button", "aria-expanded": open, onClick: () => onToggle && onToggle(!open) },
label,
react_1.default.createElement("span", { className: "fc-dropdown-arrow" })),
react_1.default.createElement("div", { className: ['fc-dropdown-menu', open ? 'fc-dropdown-menu-show' : ''].join(' ') }, children)));
};
exports.default = FCDropdown;