@wulperstudio/cms/node/organisms/SwipeableDrawer/styled.js

Wulper Studio Library Components CMS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledBox = exports.Root = exports.Puller = void 0;
var _material = require("@mui/material");
var _colors = require("@mui/material/colors");
var _styles = require("@mui/material/styles");
var Root = exports.Root = (0, _styles.styled)('div')(function (_ref) {
  var theme = _ref.theme;
  return {
    height: '100%',
    backgroundColor: theme.palette.mode === 'light' ? _colors.grey[100] : theme.palette.background["default"]
  };
});
var StyledBox = exports.StyledBox = (0, _styles.styled)(_material.Box)(function (_ref2) {
  var theme = _ref2.theme;
  return {
    backgroundColor: theme.palette.mode === 'light' ? '#fff' : _colors.grey[800]
  };
});
var Puller = exports.Puller = (0, _styles.styled)(_material.Box)(function (_ref3) {
  var theme = _ref3.theme;
  return {
    width: 30,
    height: 6,
    backgroundColor: theme.palette.mode === 'light' ? _colors.grey[300] : _colors.grey[900],
    borderRadius: 3,
    position: 'absolute',
    top: 8,
    left: 'calc(50% - 15px)'
  };
});