@lunit/oui/dist/presentations/Accordion/Accordion.styled.js

Lunit Oncology UI components

import { Accordion, AccordionDetails, AccordionSummary, styled } from '@mui/material';
const baseAccordionStyle = {
    background: 'transparent',
    padding: '0',
    border: 'none',
    boxShadow: 'none',
    minHeight: '36px',
    '&::before': {
        display: 'none', // This removes an extra divider line
    },
    '&.Mui-expanded': {
        margin: 0,
        minHeight: 'initial',
    },
};
const baseAccordionSummaryStyle = {
    height: '36px',
};
const baseAccordionDetailStyle = {
    paddingTop: '8px',
};
const BaseAccordion = styled(Accordion)(() => {
    return {
        ...baseAccordionStyle,
    };
});
const BaseAccordionSummary = styled(AccordionSummary)(() => {
    return {
        ...baseAccordionStyle,
        ...baseAccordionSummaryStyle,
    };
});
const BaseAccordionDetails = styled(AccordionDetails)(() => {
    return {
        ...baseAccordionStyle,
        ...baseAccordionDetailStyle,
    };
});
export { BaseAccordion, BaseAccordionDetails, BaseAccordionSummary };