text: import { IconButton, useColorMode, useColorModeValue } from '@chakra-ui/react'
  import { SunIcon, MoonIcon } from '@chakra-ui/icons'
  
  export default function SwitchThemeButton () {
    const { toggleColorMode } = useColorMode()
  
    return (
      <IconButton
        icon={useColorModeValue(<MoonIcon color="#389836" />, <SunIcon color="#FFFFFF" />)}
        colorScheme={useColorModeValue("whiteAlpha", "gray")}
        size="md"
        onClick={toggleColorMode}
      />
    )
  }