@smitch/fluid
Version:
A Next/React ui-component libray.
10 lines (9 loc) • 725 B
JavaScript
'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { AccordionHead, AccordionSection } from '../atoms';
var themeClasses = 'bg-light text-dark dark:bg-dark dark:text-light border-neutral';
var AccordionItem = function (_a) {
var layoutClasses = _a.layoutClasses, id = _a.id, title = _a.title, _b = _a.icon, icon = _b === void 0 ? 'symbol' : _b, open = _a.open, setOpen = _a.setOpen, children = _a.children;
return (_jsxs("div", { className: "".concat(layoutClasses, " ").concat(themeClasses), children: [_jsx(AccordionHead, { id: id, title: title, icon: icon, open: open, setopen: setOpen }), _jsx(AccordionSection, { children: children })] }, id));
};
export default AccordionItem;