import { jsx as _jsx } from "react/jsx-runtime";
import { Block, Card } from '@cube-dev/ui-kit';
import { Accordion } from '../Accordion';
const TITLE_STYLES = {
    padding: '0 1x',
    height: '6x',
};
const CONTENT_STYLES = {
    padding: 0,
};
export function AccordionCard(props) {
    const { qa, children, noPadding, ...restProps } = props;
    return (_jsx(Card, { padding: "0", border: false, children: _jsx(Accordion, { isSeparated: false, size: "small", titleStyles: TITLE_STYLES, contentStyles: CONTENT_STYLES, children: _jsx(Accordion.Item, { qa: qa, ...restProps, children: _jsx(Block, { children: typeof children === 'function' ? children() : children }) }, "card") }) }));
}
//# sourceMappingURL=AccordionCard.js.map