import { createStyles } from 'antd-style'

export default createStyles(({ token }) => ({
    root: {
        padding: token.paddingLG,
        gap: token.paddingLG
    },

    head: {
        alignItems: 'center',
        gap: token.sizeXXS,
        color: token.colorPrimary,

        '>:nth-child(n+3)': {
            flex: '0 0 auto'
        }
    },

    icon: {
        fontSize: token.sizeLG,
        flex: '0 0 auto'
    },

    title: {
        display: 'flex',
        fontSize: token.fontSize
    }
}))