"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.CustomDrawerLayout = CustomDrawerLayout;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _designSystem = require("@wix/design-system");
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomDrawerLayout.tsx";
function CustomDrawerLayout(props) {
  const {
    dataHook,
    title,
    children,
    primaryButtonText,
    secondaryButtonText,
    secondaryButtonProps,
    primaryButtonProps,
    primaryButtonOnClick,
    secondaryButtonOnClick,
    removeContentPadding
  } = props;
  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
    dataHook: dataHook,
    direction: "vertical",
    padding: "SP3 0",
    backgroundColor: "white",
    borderRadius: "12px",
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 32,
      columnNumber: 5
    }
  }, title && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
    direction: "vertical",
    padding: "SP1 SP3",
    marginBottom: "SP4",
    align: "center",
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 40,
      columnNumber: 9
    }
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
    size: "small",
    textAlign: "center",
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 46,
      columnNumber: 11
    }
  }, title)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
    flex: 1,
    marginBottom: "SP4",
    padding: removeContentPadding ? undefined : '0 SP3',
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 52,
      columnNumber: 7
    }
  }, children), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
    direction: "vertical",
    gap: "SP4",
    padding: "0 SP3",
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 60,
      columnNumber: 7
    }
  }, primaryButtonText && /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({
    dataHook: "baseModalLayout-primary-button",
    fullWidth: true,
    priority: "primary",
    onClick: primaryButtonOnClick
  }, primaryButtonProps, {
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 62,
      columnNumber: 11
    }
  }), primaryButtonText), secondaryButtonText && /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({
    dataHook: "baseModalLayout-secondary-button",
    fullWidth: true,
    onClick: secondaryButtonOnClick,
    priority: "secondary"
  }, secondaryButtonProps, {
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 74,
      columnNumber: 11
    }
  }), secondaryButtonText)));
}
//# sourceMappingURL=CustomDrawerLayout.js.map