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

Wulper Studio Library Components CMS

import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["theme"];
import { Box, styled } from '@mui/material';
export var ListItem = styled('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'active';
  }
})(function (_ref) {
  var active = _ref.active,
    theme = _ref.theme;
  return Object.assign({
    cursor: 'pointer',
    backgroundColor: active ? theme.palette.background.paper : undefined,
    borderRadius: '5px',
    color: theme.palette.text.secondary
  }, active && {
    color: theme.palette.primary.main
  }, {
    '&:hover': {
      backgroundColor: theme.palette.background.paper,
      borderRadius: '5px',
      color: theme.palette.primary.main
    },
    padding: '0.8rem'
  });
});
export var ContainerIcon = styled('div')({
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center',
  color: 'inherit'
});
export var Div = styled('div')(function (_ref2) {
  var theme = _ref2.theme,
    props = _objectWithoutProperties(_ref2, _excluded);
  return {
    display: 'flex',
    flexDirection: 'column',
    justifyContent: props.state ? 'flex-start' : 'center',
    alignItems: props.state ? 'flex-start' : 'center',
    width: '100%',
    height: '100%',
    '& a div div div svg': {
      color: theme.palette.text.secondary
    },
    '& a div div svg': {
      color: theme.palette.text.secondary
    },
    '& figure': {
      display: 'flex',
      justifyContent: props.state ? 'flex-start' : 'center',
      marginRight: props.state && '0px',
      marginLeft: props.state && '0px'
    },
    '& .active': {
      backgroundColor: theme.palette.background.paper,
      borderRadius: '5px',
      'div svg': {
        color: theme.palette.primary.main
      }
    }
  };
});
export var CustomHeader = styled(Box)(function (_ref3) {
  var theme = _ref3.theme;
  return {
    background: theme.palette.background["default"],
    width: '80px',
    zIndex: 999,
    flexDirection: 'column',
    justifyContent: 'space-between',
    height: '100%',
    alignItems: 'center',
    padding: '0px'
  };
});