"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledBottomSheet = exports.Backdrop = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _ = require("../..");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Backdrop = exports.Backdrop = (0, _styledComponents.default)(_.Flexbox).withConfig({
  displayName: "BottomSheetstyles__Backdrop",
  componentId: "sc-ka5sdk-0"
})(["background-color:", ";height:100%;left:0;position:fixed;top:0;width:100%;z-index:", ";"], function (_ref) {
  var theme = _ref.theme;
  return theme.colorTokens.neutral.background_overlay;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.zIndex.overlay;
});
var StyledBottomSheet = exports.StyledBottomSheet = (0, _styledComponents.default)(_.Flexbox).withConfig({
  displayName: "BottomSheetstyles__StyledBottomSheet",
  componentId: "sc-ka5sdk-1"
})(["background-color:", ";border-color:", ";border-radius:", ";bottom:0;box-sizing:border-box;display:block;left:0;padding:", "px ", "px;position:absolute;width:100%;z-index:", ";height:", ";"], function (_ref3) {
  var theme = _ref3.theme;
  return theme.colorTokens.neutral.background_default;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.colorTokens.neutral.background_default;
}, function (_ref5) {
  var theme = _ref5.theme;
  return "".concat(theme.borderRadius20, " ").concat(theme.borderRadius20, " 0 0");
}, function (p) {
  return p.theme.spacing.unit(4);
}, function (p) {
  return p.theme.spacing.unit(3);
}, function (p) {
  return p.theme.zIndex.overlayInModal;
}, function (p) {
  return p.fullScreenMobile ? '100%' : p.height;
});