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