import React from 'react';
import CloseButton from '../../CloseButton';
import Heading from '../../Heading';
import { st, classes } from '../MessageBoxFunctionalLayout.st.css.js';
import { dataHooks } from '../MessageBoxFunctionalLayout.constants';
import Box from '../../Box';
export const HeaderLayout = ({ title, onCancel, closeButton = true, size = 'medium', }) => {
    return (React.createElement(React.Fragment, null,
        React.createElement("div", { className: st(classes.header), "data-hook": dataHooks.header },
            React.createElement(Heading, { size: size, light: false, className: classes.heading, dataHook: dataHooks.headerTitle }, title)),
        closeButton ? (React.createElement(Box, { className: classes.controlButtons },
            React.createElement(CloseButton, { dataHook: dataHooks.headerCloseButton, size: "large", skin: "dark", onClick: onCancel }))) : null));
};
//# sourceMappingURL=HeaderLayout.js.map