import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ChevronWideIcon } from '../../../lib/icons/ChevronWide.js';
import { useToggle } from '../../../lib/ui/use-toggle.js';
export function AccordionRow({ label, rightCollapsedContent, children, }) {
    const [isExpanded, toggle] = useToggle();
    return (_jsxs("div", { className: 'seam-accordion-row', "aria-expanded": isExpanded, children: [_jsxs("button", { className: 'seam-accordion-row-trigger', onClick: toggle, children: [_jsx("p", { className: 'seam-row-label', children: label }), _jsxs("div", { className: 'seam-row-inner-wrap', children: [_jsx("div", { className: 'seam-row-trigger-right-content', children: rightCollapsedContent }), _jsx("div", { className: 'seam-accordion-icon-wrap', children: _jsx(ChevronWideIcon, {}) })] })] }), _jsx("div", { className: 'seam-accordion-row-content', children: _jsx("div", { className: 'seam-accordion-row-inner-content', children: children }) })] }));
}
//# sourceMappingURL=AccordionRow.js.map