"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Menu = {
    parts: ['menu', 'item', 'list', 'groupTitle', 'divider'],
    baseStyle: {
        menu: {
            boxShadow: 'lg',
            rounded: 'lg',
            flexDirection: 'column',
            py: '2',
        },
        item: {
            fontWeight: 'medium',
            lineHeight: 'normal',
            bg: 'secondary.800',
            color: 'textPrimary.200',
            _first: {
                bg: 'secondary.800',
            },
            _checked: {
                fill: 'textPrimary.300',
                bg: 'secondary.800',
            },
            _hover: {
                bg: 'secondary.1000',
            },
        },
        list: {
            bg: 'secondary.800',
            border: 'none',
        },
        groupTitle: {
            color: 'textPrimary.100',
            fontSize: 'md',
        },
        divider: {
            borderColor: 'secondary.800',
        },
    },
    variants: {
        chat: {
            menu: {
                background: 'transparent',
            },
            item: {
                background: 'transparent',
                _first: {
                    bg: 'none',
                },
                _checked: {
                    bg: 'none',
                },
                _hover: {
                    bg: 'none',
                },
                _focus: {
                    bg: 'none',
                },
            },
            list: {
                background: 'transparent',
            },
        },
    },
};
exports.default = Menu;
//# sourceMappingURL=Menu.js.map