summaryrefslogtreecommitdiff
path: root/components/toggle_theme_button.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'components/toggle_theme_button.tsx')
-rw-r--r--components/toggle_theme_button.tsx28
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