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

Wulper Studio Library Components CMS

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