import colors from './colors';

export default {
    baseStyle: {
        borderColor: "mini_border_gray",
        borderWidth: "0.5",
    },
    variants: {
        filled: {
            borderWidth: "0",
            bg: "mini_dark_blue",
            color: 'mini_white',
            borderRadius: "xl",
            py: "3",
            px: "5",
            placeHolderTextColor: "mini_text_gray",

            _dark: {
                bgColor: "mini_dark_blue",
                fontSize: "md",
                color: 'mini_white',
                placeHolderTextColor: "mini_text_gray"
            }
        },
        underlined: {
            color: 'mini_white',
            py: "3",
            px: "5",
            placeHolderTextColor: "mini_text_gray",

            _dark: {
                fontSize: "md",
                color: 'mini_white',
                borderColor: "mini_border_gray",
                placeHolderTextColor: "mini_text_gray",
                borderBottomWidth: "1",
                _focus: {
                    borderColor: "mini_green",
                },
                _invalid: {
                    borderColor: "mini_red",
                },
            }
        }
    }
}