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

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Root = exports.Right = exports.Left = exports.Fab = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _material = require("@mui/material");
var _excluded = ["theme"];
var Root = exports.Root = (0, _material.styled)(_material.ToggleButtonGroup, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'backgroundColor';
  }
})(function (_ref) {
  var theme = _ref.theme,
    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  return {
    background: props.backgroundColor || 'transparent',
    borderRadius: '100px',
    opacity: 1,
    height: '100%',
    transition: theme.transitions.create(['background-color'], {
      duration: 500
    })
  };
});
var Fab = exports.Fab = (0, _material.styled)(_material.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'
  };
});
var Left = exports.Left = (0, _material.styled)(_material.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"]
      }
    }
  };
});
var Right = exports.Right = (0, _material.styled)(_material.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"]
      }
    }
  };
});