import React from 'react';
import Button from '../../Button';
import { st, classes } from '../MessageBoxFunctionalLayout.st.css.js';
import { dataHooks } from '../MessageBoxFunctionalLayout.constants';
const buttonSkinByTheme = {
    blue: 'standard',
    purple: 'premium',
    red: 'destructive',
};
const buttonSizeByHeight = {
    'x-small': 'tiny',
    tiny: 'tiny',
    small: 'small',
    medium: 'medium',
    large: 'large',
    'x-large': 'large',
};
export const FooterLayout = ({ bottomChildren, theme = 'blue', cancelText, cancelPrefixIcon, cancelSuffixIcon, onCancel, onOk, confirmText, confirmPrefixIcon, confirmSuffixIcon, buttonsHeight = 'small', enableOk = true, enableCancel = true, sideActions, }) => (React.createElement(React.Fragment, null,
    React.createElement("div", { className: st(classes.footer), "data-hook": dataHooks.footer },
        sideActions,
        React.createElement("div", { className: st(classes.footerbuttons, {
                withSideActions: sideActions && (cancelText || confirmText),
            }) },
            cancelText && (React.createElement(Button, { prefixIcon: cancelPrefixIcon, suffixIcon: cancelSuffixIcon, disabled: !enableCancel, size: buttonSizeByHeight[buttonsHeight], priority: "secondary", skin: buttonSkinByTheme[theme], onClick: onCancel, dataHook: dataHooks.footerCancelButton, children: cancelText })),
            confirmText && (React.createElement(Button, { prefixIcon: confirmPrefixIcon, suffixIcon: confirmSuffixIcon, disabled: !enableOk, size: buttonSizeByHeight[buttonsHeight], priority: "primary", skin: buttonSkinByTheme[theme], onClick: onOk, dataHook: dataHooks.footerConfirmButton, children: confirmText })))),
    bottomChildren && (React.createElement("div", { "data-hook": dataHooks.footerBelowChildren, className: st(classes.bottomChildren), children: bottomChildren }))));
//# sourceMappingURL=FooterLayout.js.map