import { ComponentStyleConfig } from '@chakra-ui/react';

export const ButtonStyle: ComponentStyleConfig = {
    // style object for base or default style
    baseStyle: {},
    // styles for different sizes ("sm", "md", "lg")
    sizes: {},
    // styles for different visual variants ("outline", "solid")
    variants: {
        primarySubtle: {
            bg: 'rgba(224, 233, 254, 1)',
            color: 'primary.500',
            _hover: {
                bg: 'rgba(224, 233, 254, 0.8)',
            },
        },
        testVariant: {
            bg: 'primary.300',
            color: 'white',
        },
    },
    // default values for 'size', 'variant' and 'colorScheme'
    defaultProps: {
        size: 'md',
        rounded: 'full',
        variant: 'solid',
    },
};