import { jsx as _jsx } from "react/jsx-runtime";
import { tasty } from '@cube-dev/ui-kit';
import { AccordionProvider } from './AccordionProvider';
import { AccordionItem } from './AccordionItem';
const StyledAccordion = tasty({
    styles: { display: 'grid', width: '100%', flow: 'row' },
});
export function Accordion(props) {
    const { children, qa, isLazy, size, isSeparated, titleStyles, contentStyles } = props;
    return (_jsx(AccordionProvider, { qa: qa, isLazy: isLazy, size: size, isSeparated: isSeparated, titleStyles: titleStyles, contentStyles: contentStyles, children: _jsx(StyledAccordion, { qa: qa, children: children }) }));
}
Accordion.Item = AccordionItem;
//# sourceMappingURL=Accordion.js.map