@wulperstudio/cms/node/components/Accordions/styled.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.AccordionSummary = exports.AccordionDetails = exports.Accordion = void 0;
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _AccordionDetails = _interopRequireDefault(require("@mui/material/AccordionDetails"));
var _Accordion = _interopRequireDefault(require("@mui/material/Accordion"));
var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
var _jsxRuntime = require("react/jsx-runtime");
var Accordion = exports.Accordion = (0, _material.styled)(function (props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Accordion["default"], Object.assign({
    disableGutters: true,
    elevation: 0,
    square: true
  }, props));
})(function () {
  return {
    border: 'none',
    '&:not(:last-child)': {
      borderBottom: 0
    },
    '&:before': {
      display: 'none'
    }
  };
});
var AccordionSummary = exports.AccordionSummary = (0, _material.styled)(function (props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionSummary["default"], Object.assign({}, props));
})(function () {
  return {
    '& .css-1betqn-MuiAccordionSummary-content': {
      width: '100%',
      display: 'block',
      margin: 0
    },
    backgroundColor: '#fff',
    flexDirection: 'row-reverse',
    '& .MuiAccordionSummary-expandIconWrapper.Mui-expanded': {
      transform: 'rotate(90deg)'
    }
  };
});
var AccordionDetails = exports.AccordionDetails = (0, _material.styled)(_AccordionDetails["default"])(function (_ref) {
  var theme = _ref.theme;
  return {
    padding: '16px 26px',
    backgroundColor: theme.palette.background["default"]
  };
});