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

Wulper Studio Library Components CMS

import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["theme"];
import { Box, styled, ToggleButton, ToggleButtonGroup } from '@mui/material';
export var Root = styled(ToggleButtonGroup, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'backgroundColor';
  }
})(function (_ref) {
  var theme = _ref.theme,
    props = _objectWithoutProperties(_ref, _excluded);
  return {
    background: props.backgroundColor || 'transparent',
    borderRadius: '100px',
    opacity: 1,
    height: '100%',
    transition: theme.transitions.create(['background-color'], {
      duration: 500
    })
  };
});
export var Fab = styled(Box)(function (_ref2) {
  var theme = _ref2.theme;
  return {
    width: '40px',
    height: '40px',
    color: theme.palette.text.secondary,
    borderRadius: '50%',
    display: 'inherit',
    alignItems: 'inherit',
    justifyContent: 'inherit'
  };
});
export var Left = styled(ToggleButton, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'backgroundColor';
  }
})(function (_ref3) {
  var theme = _ref3.theme,
    backgroundColor = _ref3.backgroundColor;
  return {
    borderRadius: '50px',
    padding: '0.3rem',
    border: 'none',
    background: 'transparent',
    '&.Mui-selected': {
      backgroundColor: 'transparent',
      '& div': {
        background: backgroundColor || theme.palette.background["default"]
      }
    }
  };
});
export var Right = styled(ToggleButton, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'backgroundColor';
  }
})(function (_ref4) {
  var theme = _ref4.theme,
    backgroundColor = _ref4.backgroundColor;
  return {
    borderRadius: '50px',
    padding: '0.3rem',
    border: 'none',
    background: 'transparent',
    '&.Mui-selected': {
      backgroundColor: 'transparent',
      '& div': {
        background: backgroundColor || theme.palette.background["default"]
      }
    }
  };
});