export default {
    defaultProps: {
        variant: "primary",
        size: "lg"
    },
    baseStyle: {
        rounded: "3xl",
        borderWidth: "2",
        borderColor: "mini_blue",
        _text: {
            color: "mini_white",
            fontSize: "sm",
            fonts: "body",
            fontWeight: "bold",
        },
        _disabled: {
            opacity: "100"
        }
    },
    variants: {
        primary: {
            bgColor: "mini_blue",
            borderColor: "mini_blue",
            _text: {
                color: 'mini_white'
            },
            _pressed: {
                bg: "mini_focused_blue",
                borderColor: "mini_focused_blue",
            },
            _disabled: {
                bg: "mini_disabled_blue",
                borderColor: "mini_disabled_blue",
                _text: {
                    color: "mini_text_gray"
                }
            }
        },
        rounded1: {
            bgColor: "mini_blue",
            borderColor: "mini_blue",
            _text: {
                color: 'mini_white'
            },
            _pressed: {
                bg: "mini_focused_blue",
                borderColor: "mini_focused_blue",
            },
            _disabled: {
                bg: "mini_disabled_blue",
                borderColor: "mini_disabled_blue",
                _text: {
                    color: "mini_text_gray"
                }
            }
        },
        rounded2: {
            bgColor: "mini_light_gray",
            borderColor: "mini_light_gray",
            _text: {
                color: 'mini_white'
            },
            _pressed: {
                bg: "transparent",
                borderColor: "transparent",
            },
            _disabled: {
                opacity: 0.5,
            }
        },
        back: {
            _pressed: {
                bg: "transparent",
                borderColor: "transparent",
            }
        },
        secondary: {
            bgColor: "transparent",
            borderColor: "mini_blue",
            _text: {
                color: 'mini_white'
            },
            _pressed: {
                borderColor: "mini_focused_blue",
                _text: {
                    color: 'mini_white'
                },
                sizes: {
                    lg: {
                        bgColor: "mini_blue",
                    },
                    md: {
                        bgColor: "mini_focused_secondary_blue",
                    }
                }
            },
            _disabled: {
                bgColor: "transparent",
                _text: {
                    color: "mini_text_gray"
                }
            }
        },
        ghost: {
            bgColor: "transparent",
            borderWidth: "1",
            borderColor: "mini_text_gray",
            _text: {
                color: 'mini_white',
                fontWeight: "regular"
            },
            _pressed: {
                bgColor: "mini_text_gray",
                borderColor: "mini_text_gray",
                _text: {
                    color: 'mini_white'
                },
            },
            _disabled: {
                bgColor: "transparent",
                borderColor: "mini_text_gray",
                _text: {
                    color: "mini_text_gray"
                }
            }
        }
    },
    sizes: {
        lg: {
            px: "6",
            py: "2"
        },
        md: {
            px: "6",
            py: "2"
        }
    }
}