"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TitleWrapper = exports.H2 = exports.Footer = exports.DragArea = exports.Content = exports.Container = exports.CloseButton = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _framerMotion = require("framer-motion");
var _ = require("../..");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var CROSS_SIZE = 5;
var PADDING_MOBILE = 3;
var PADDING_Y = 4;
var PADDING_X = 5;
var Container = exports.Container = (0, _styledComponents.default)(_framerMotion.motion.div).withConfig({
  displayName: "Drawerstyles__Container",
  componentId: "sc-1vsgqiq-0"
})(["box-sizing:border-box;width:100%;height:100%;background:", ";position:fixed;z-index:", ";right:0;top:0;display:flex;flex-direction:column;box-shadow:0 -10px 16px 0 ", ";", "{width:", "px;}", "{width:", "px;}"], function (_ref) {
  var theme = _ref.theme;
  return theme.color.card;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.zIndex.overlay;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.color.shadowModal;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.media.greaterThan(theme.breakpoints.sm);
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.spacing.unit(100);
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.media.greaterThan(theme.breakpoints.xl);
}, function (_ref7) {
  var theme = _ref7.theme;
  return theme.spacing.unit(120);
});
var CloseButton = exports.CloseButton = (0, _styledComponents.default)(_.Button.Icon).withConfig({
  displayName: "Drawerstyles__CloseButton",
  componentId: "sc-1vsgqiq-1"
})(["position:absolute;top:", "px;right:", "px;", "{top:", "px;right:", "px;}"], function (p) {
  return p.theme.spacing.unit(PADDING_Y);
}, function (p) {
  return p.theme.spacing.unit(PADDING_X);
}, function (p) {
  return p.theme.media.lessThan(p.theme.breakpoints.sm);
}, function (p) {
  return p.theme.spacing.unit(PADDING_MOBILE);
}, function (p) {
  return p.theme.spacing.unit(PADDING_MOBILE);
});
var Content = exports.Content = _styledComponents.default.div.withConfig({
  displayName: "Drawerstyles__Content",
  componentId: "sc-1vsgqiq-2"
})(["overflow-y:auto;overflow-x:hidden;margin-bottom:", "px;padding:1px ", "px;", "{padding:1px ", "px;}"], function (p) {
  return p.theme.spacing.unit(PADDING_Y);
}, function (p) {
  return p.theme.spacing.unit(PADDING_X);
}, function (p) {
  return p.theme.media.lessThan(p.theme.breakpoints.sm);
}, function (p) {
  return p.theme.spacing.unit(PADDING_MOBILE);
});
var DragArea = exports.DragArea = _styledComponents.default.div.withConfig({
  displayName: "Drawerstyles__DragArea",
  componentId: "sc-1vsgqiq-3"
})(["position:absolute;top:0;left:0;height:100%;width:12px;z-index:2;", "{display:none;}"], function (p) {
  return p.theme.media.greaterThan(p.theme.breakpoints.sm);
});
var Footer = exports.Footer = _styledComponents.default.div.withConfig({
  displayName: "Drawerstyles__Footer",
  componentId: "sc-1vsgqiq-4"
})(["margin-top:auto;padding:0 ", "px ", "px ", "px;", "{padding:0 ", "px ", "px ", "px;}"], function (p) {
  return p.theme.spacing.unit(PADDING_X);
}, function (p) {
  return p.theme.spacing.unit(PADDING_Y);
}, function (p) {
  return p.theme.spacing.unit(PADDING_X);
}, function (p) {
  return p.theme.media.lessThan(p.theme.breakpoints.sm);
}, function (p) {
  return p.theme.spacing.unit(PADDING_MOBILE);
}, function (p) {
  return p.theme.spacing.unit(PADDING_MOBILE);
}, function (p) {
  return p.theme.spacing.unit(PADDING_MOBILE);
});
var H2 = exports.H2 = _styledComponents.default.h2.withConfig({
  displayName: "Drawerstyles__H2",
  componentId: "sc-1vsgqiq-5"
})(["padding-right:", "px;"], function (p) {
  return p.theme.spacing.unit(4);
});
var TitleWrapper = exports.TitleWrapper = _styledComponents.default.div.withConfig({
  displayName: "Drawerstyles__TitleWrapper",
  componentId: "sc-1vsgqiq-6"
})(["padding:", ";", "{padding:", ";}margin-bottom:", "px;min-height:", "px;flex:0 0 auto;"], function (p) {
  return "".concat(p.theme.spacing.unit(PADDING_Y), "px \n     ").concat(p.theme.spacing.unit(PADDING_X), "px \n     0 \n     ").concat(p.theme.spacing.unit(PADDING_X), "px");
}, function (p) {
  return p.theme.media.lessThan(p.theme.breakpoints.sm);
}, function (p) {
  return "".concat(p.theme.spacing.unit(PADDING_MOBILE), "px ").concat(p.theme.spacing.unit(PADDING_MOBILE), "px 0 ").concat(p.theme.spacing.unit(PADDING_MOBILE), "px");
}, function (p) {
  return p.theme.spacing.unit(2);
}, function (p) {
  return p.theme.spacing.unit(CROSS_SIZE);
});