'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import { ChevronIcon } from '../../icons/Chevron/index.js';
import { CloseMenuIcon } from '../../icons/CloseMenu/index.js';
import { MenuIcon } from '../../icons/Menu/index.js';
import { useTranslation } from '../../providers/Translation/index.js';
import './index.scss';
const baseClass = 'hamburger';
export const Hamburger = (props)=>{
    const { t } = useTranslation();
    const { closeIcon = 'x', isActive = false } = props;
    return /*#__PURE__*/ _jsxDEV("div", {
        className: baseClass,
        children: [
            !isActive && /*#__PURE__*/ _jsxDEV("div", {
                "aria-label": t('general:open'),
                className: `${baseClass}__open-icon`,
                title: t('general:open'),
                children: /*#__PURE__*/ _jsxDEV(MenuIcon, {}, void 0, false, {
                    fileName: "src/elements/Hamburger/index.tsx",
                    lineNumber: 27,
                    columnNumber: 11
                }, this)
            }, void 0, false, {
                fileName: "src/elements/Hamburger/index.tsx",
                lineNumber: 22,
                columnNumber: 9
            }, this),
            isActive && /*#__PURE__*/ _jsxDEV("div", {
                "aria-label": closeIcon === 'collapse' ? t('general:collapse') : t('general:close'),
                className: `${baseClass}__close-icon`,
                title: closeIcon === 'collapse' ? t('general:collapse') : t('general:close'),
                children: [
                    closeIcon === 'x' && /*#__PURE__*/ _jsxDEV(CloseMenuIcon, {}, void 0, false, {
                        fileName: "src/elements/Hamburger/index.tsx",
                        lineNumber: 36,
                        columnNumber: 33
                    }, this),
                    closeIcon === 'collapse' && /*#__PURE__*/ _jsxDEV(ChevronIcon, {
                        direction: "left"
                    }, void 0, false, {
                        fileName: "src/elements/Hamburger/index.tsx",
                        lineNumber: 37,
                        columnNumber: 40
                    }, this)
                ]
            }, void 0, true, {
                fileName: "src/elements/Hamburger/index.tsx",
                lineNumber: 31,
                columnNumber: 9
            }, this)
        ]
    }, void 0, true, {
        fileName: "src/elements/Hamburger/index.tsx",
        lineNumber: 20,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map