import React from 'react';
import { Box, Button, Heading } from '@wix/design-system';
export function CustomDrawerLayout(props) {
    const { dataHook, title, children, primaryButtonText, secondaryButtonText, secondaryButtonProps, primaryButtonProps, primaryButtonOnClick, secondaryButtonOnClick, } = props;
    return (React.createElement(Box, { dataHook: dataHook, direction: "vertical", padding: "SP3", backgroundColor: "white", borderRadius: "12px" },
        title && (React.createElement(Box, { direction: "vertical", paddingTop: "SP1", paddingBottom: "SP1", marginBottom: "SP4", align: "center" },
            React.createElement(Heading, { size: "small", textAlign: "center" }, title))),
        React.createElement(Box, { flex: 1, marginBottom: "SP4" }, children),
        React.createElement(Box, { direction: "vertical", gap: "SP4" },
            primaryButtonText && (React.createElement(Button, { dataHook: "baseModalLayout-primary-button", fullWidth: true, priority: "primary", onClick: primaryButtonOnClick, ...primaryButtonProps }, primaryButtonText)),
            secondaryButtonText && (React.createElement(Button, { dataHook: "baseModalLayout-secondary-button", fullWidth: true, onClick: secondaryButtonOnClick, priority: "secondary", ...secondaryButtonProps }, secondaryButtonText)))));
}
//# sourceMappingURL=CustomDrawerLayout.js.map