import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Container, Content, Icon, Overlay } from "./burger-sidebar.styled";
import BurgerIcon from "./burger-icon";
import CrossIcon from "./cross-icon";
const BurgerSidebar = ({ children, className, opened, handleIconClick, handleCloseClick, }) => (_jsxs(Container, { className: `ui-navigation__burger-sidebar ${className ?? ""}`, children: [_jsx(Icon, { className: "ui-navigation__burger-icon", onClick: handleIconClick, children: _jsx(BurgerIcon, { opened: opened }) }), _jsx(Overlay, { className: `ui-navigation__burger-overlay${opened ? " opened" : ""}`, onClick: handleCloseClick }), _jsxs(Content, { className: `ui-navigation__burger-content${opened ? " opened" : ""}`, children: [_jsx(Icon, { onClick: handleCloseClick, children: _jsx(CrossIcon, {}) }), children] })] }));
export default BurgerSidebar;
//# sourceMappingURL=burger-sidebar.js.map