diff options
Diffstat (limited to 'components/toggle_theme_button.tsx')
-rw-r--r-- | components/toggle_theme_button.tsx | 28 |
1 files changed, 0 insertions, 28 deletions
diff --git a/components/toggle_theme_button.tsx b/components/toggle_theme_button.tsx deleted file mode 100644 index de16397..0000000 --- a/components/toggle_theme_button.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { AnimatePresence, motion } from 'framer-motion' -import { IconButton, useColorMode, useColorModeValue } from '@chakra-ui/react' -import { BsFillSunFill, BsMoonFill } from "react-icons/bs"; -const ThemeToggleButton = () => { - const { toggleColorMode } = useColorMode() - - return ( - <AnimatePresence exitBeforeEnter initial={false}> - <motion.div - style={{ display: 'inline-block' }} - key={useColorModeValue('light', 'dark')} - initial={{ y: -20, opacity: 0 }} - animate={{ y: 0, opacity: 1 }} - exit={{ y: 20, opacity: 0 }} - transition={{ duration: 0.2 }} - > - <IconButton - aria-label="Toggle theme" - colorScheme={useColorModeValue('purple', 'orange')} - icon={useColorModeValue(<BsMoonFill />, <BsFillSunFill />)} - onClick={toggleColorMode} - ></IconButton> - </motion.div> - </AnimatePresence> - ) -} - -export default ThemeToggleButton |