import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import MuiDialogTitle from '@mui/material/DialogTitle';
import { CrossOutlineMd } from '../../icons/CrossOutlineMd';
import { IconButton } from '../IconButton';
export const DialogTitle = ({ children, onClose, headerContent, ...props }) => {
    // 'escapeKeyDown'  в документашке написано что это опциональный тип, и можно стрингу любую туда закидывать, а по факту либо escapeKeyDown либо backdropClick
    const handleTitleClick = (e) => {
        if (onClose) {
            onClose(e, 'escapeKeyDown');
        }
    };
    return (_jsxs(MuiDialogTitle, { ...props, children: [children, headerContent, onClose && (_jsx(IconButton, { variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E", children: _jsx(CrossOutlineMd, {}) }))] }));
};
