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

Wulper Studio Library Components CMS

import React from 'react';
import { styled } from '@mui/material';
import MuiAccordionDetails from '@mui/material/AccordionDetails';
import MuiAccordion from '@mui/material/Accordion';
import MuiAccordionSummary from '@mui/material/AccordionSummary';
import { jsx as _jsx } from "react/jsx-runtime";
export var Accordion = styled(function (props) {
  return /*#__PURE__*/_jsx(MuiAccordion, Object.assign({
    disableGutters: true,
    elevation: 0,
    square: true
  }, props));
})(function () {
  return {
    border: 'none',
    '&:not(:last-child)': {
      borderBottom: 0
    },
    '&:before': {
      display: 'none'
    }
  };
});
export var AccordionSummary = styled(function (props) {
  return /*#__PURE__*/_jsx(MuiAccordionSummary, 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)'
    }
  };
});
export var AccordionDetails = styled(MuiAccordionDetails)(function (_ref) {
  var theme = _ref.theme;
  return {
    padding: '16px 26px',
    backgroundColor: theme.palette.background["default"]
  };
});