@smitch/fluid/lib/accordion/atoms/AccordionItem.js

A lightweight, Tailwind-powered React/Next.js UI component library.

'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, _c = _a.iconPosition, iconPosition = _c === void 0 ? 'right' : _c, _d = _a.layout, layout = _d === void 0 ? 'default' : _d, open = _a.open, setOpen = _a.setOpen, children = _a.children;
    return (_jsxs("div", { className: "accordion-item ".concat(layoutClasses, " ").concat(themeClasses), children: [_jsx(AccordionHead, { id: id, title: title, icon: icon, iconPosition: iconPosition, layout: layout, open: open, setopen: setOpen }), _jsx(AccordionSection, { children: children })] }, id));
};
export default AccordionItem;
//# sourceMappingURL=AccordionItem.js.map