import { ComponentSingleStyleConfig } from "@chakra-ui/react" ; import { mode } from "@chakra-ui/theme-tools" ; const Accordion = { baseStyle : { container : { bg : "inherit" , borderTopWidth : "1px" , color : "inherit" , borderColor : mode ( "gray.50" , "#1A1C20" ) , _last : { borderBottomWidth : "1px" , } , } , button : { color : mode ( "gray.400" , "#E7E7E7" ) , border : "none" , fontFamily : "Passenger Sans" , fontSize : "16px" , fontWeight : "normal" , fontStyle : "normal" , _hover : { bg : mode ( "gray.50" , `#2C2E34` ) , } , } , panel : { color : mode ( "gray.400" , "#B7B7B7" ) , fontFamily : "Passenger Sans" , fontSize : "16px" , fontWeight : "300" , fontStyle : "normal" , lineHeight : "30px" , } , } , } ; export default Accordion ;