import { ComponentSingleStyleConfig } from "@chakra-ui/react" ; import { mode } from "@chakra-ui/theme-tools" ; const Button = { variants : { light : { bg : mode ( "white" , `#151419` ) , color : mode ( "gray.400" , `gray.300` ) , fontFamily : "Passenger Sans" , fontSize : "16px" , fontWeight : "300" , fontStyle : "normal" , _hover : { bg : mode ( "gray.50" , `#1A1C20` ) , color : mode ( "gray.500" , `#e7e7e7` ) , } , } , main : { bg : mode ( "black" , `white` ) , color : mode ( "white" , `black` ) , fontFamily : "Passenger Sans" , fontSize : "16px" , fontWeight : "500" , fontStyle : "normal" , _disabled : { bg : mode ( "gray.50" , `#2C2E34` ) , color : mode ( "gray.300" , `#2C2E34` ) , } , } , } , } ; export default Button ;