import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import Button from "../button";
import { Container, Header } from "./collapsible.styled";
/**
 * @param header
 * @param innerHeight
 * @param collapsed
 * @param children
 * @param title
 * @param toggle
 */
export const Collapsible = ({ header, innerHeight, collapsed, children, title, toggle, }) => {
    return (_jsxs(_Fragment, { children: [header ?? (_jsxs(Header, { collapsed: collapsed, children: [title, _jsx(Button, { onClick: toggle, children: collapsed ? `+` : `-` })] })), _jsx(Container, { height: innerHeight, collapsed: collapsed, children: children })] }));
};
//# sourceMappingURL=collapsible.js.map