import { motion } from 'framer-motion';
import React, { FC } from 'react';

const variants = {
  initial: { opacity: 0, y: -20 },
  enter: { opacity: 1, y: 0, transition: { duration: 0.1 } },
  exit: {
    opacity: 0,
    y: 20,
    transition: { duration: 0.2 },
  },
};
const NavTitle: FC = ({ children }) => {
  return (
    <motion.div
      initial="initial"
      animate="enter"
      exit="exit"
      variants={variants}
    >
      {children}
    </motion.div>
  );
};
export default NavTitle;
