import { createMultiStyleConfigHelpers } from '@chakra-ui/react';
import { accordionAnatomy } from '@chakra-ui/anatomy';

var _a = createMultiStyleConfigHelpers(accordionAnatomy.keys), definePartsStyle = _a.definePartsStyle, defineMultiStyleConfig = _a.defineMultiStyleConfig;
var variantLight = definePartsStyle({
    button: {
        _hover: {
            bg: 'gray.50',
        },
    },
    container: {
        color: 'gray.900',
        borderColor: 'gray.200',
        _last: {
            borderColor: 'gray.200',
        },
    },
    panel: {
        textStyle: 'body',
    },
});
var variantDark = definePartsStyle({
    button: {
        textStyle: 'heading5',
        _hover: {
            bg: 'gray.700',
        },
    },
    container: {
        color: 'white',
        bg: 'gray.900',
        borderColor: 'gray.700',
        _last: {
            borderColor: 'gray.700',
        },
    },
    panel: {
        textStyle: 'body-small',
    },
    titleOnDesktop: {
        textStyle: 'heading5',
    },
});
var variantMinimal = definePartsStyle({
    button: {
        textStyle: 'body',
        paddingX: 0,
        maxWidth: 'fit-content',
        '& > svg': {
            marginLeft: 'sm',
        },
    },
    container: {
        borderTop: 0,
        _last: {
            borderBottom: 0,
        },
    },
    panel: {
        pb: 'md',
        paddingX: '3xl',
        textStyle: 'body',
    },
});
var baseStyle = definePartsStyle({
    container: {
        borderTop: '1px',
        _last: {
            borderBottom: '1px',
        },
    },
    button: {
        textStyle: 'heading4',
        paddingX: 'lg',
        paddingY: 'md',
    },
    panel: {
        pb: 'md',
        paddingX: 'lg',
    },
    icon: {
        fontSize: 'xl',
    },
    titleOnDesktop: {
        textStyle: 'heading5',
        paddingX: 'lg',
        paddingY: 'md',
    },
    panelOnDesktop: {
        textStyle: 'body-small',
        pb: 'md',
        paddingX: 'lg',
    },
});
var variants = {
    light: variantLight,
    dark: variantDark,
    minimal: variantMinimal,
};
var Accordion = defineMultiStyleConfig({
    baseStyle: baseStyle,
    variants: variants,
    defaultProps: {
        variant: 'light',
    },
});

export { Accordion as default };
//# sourceMappingURL=accordion.js.map
