'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import { FormSubmit } from '../../forms/Submit/index.js';
import { useTranslation } from '../../providers/Translation/index.js';
import { Button } from '../Button/index.js';
import './index.scss';
const baseClass = 'drawer-action-header';
export const DrawerActionHeader = ({ cancelLabel, className, onCancel, onSave, saveLabel, title })=>{
    const { t } = useTranslation();
    return /*#__PURE__*/ _jsxDEV("div", {
        className: [
            baseClass,
            className
        ].filter(Boolean).join(' '),
        children: /*#__PURE__*/ _jsxDEV("div", {
            className: `${baseClass}__content`,
            children: [
                /*#__PURE__*/ _jsxDEV("h1", {
                    className: `${baseClass}__title`,
                    children: title
                }, void 0, false, {
                    fileName: "src/elements/DrawerActionHeader/index.tsx",
                    lineNumber: 33,
                    columnNumber: 9
                }, this),
                /*#__PURE__*/ _jsxDEV("div", {
                    className: `${baseClass}__actions`,
                    children: [
                        /*#__PURE__*/ _jsxDEV(Button, {
                            "aria-label": t('general:cancel'),
                            buttonStyle: "secondary",
                            onClick: onCancel,
                            children: cancelLabel || t('general:cancel')
                        }, void 0, false, {
                            fileName: "src/elements/DrawerActionHeader/index.tsx",
                            lineNumber: 36,
                            columnNumber: 11
                        }, this),
                        /*#__PURE__*/ _jsxDEV(FormSubmit, {
                            "aria-label": t('general:applyChanges'),
                            onClick: onSave,
                            children: saveLabel || t('general:applyChanges')
                        }, void 0, false, {
                            fileName: "src/elements/DrawerActionHeader/index.tsx",
                            lineNumber: 40,
                            columnNumber: 11
                        }, this)
                    ]
                }, void 0, true, {
                    fileName: "src/elements/DrawerActionHeader/index.tsx",
                    lineNumber: 35,
                    columnNumber: 9
                }, this)
            ]
        }, void 0, true, {
            fileName: "src/elements/DrawerActionHeader/index.tsx",
            lineNumber: 32,
            columnNumber: 7
        }, this)
    }, void 0, false, {
        fileName: "src/elements/DrawerActionHeader/index.tsx",
        lineNumber: 31,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map