Newer
Older
My-Portfolio / frontend / src / components / sections / projects / Container.jsx
  1. import { motion } from "framer-motion";
  2. const Container = ({ children, className, shadow = true }) => {
  3. return (
  4. <motion.div
  5. className={`rounded-lg p-6 ${
  6. shadow ? "shadow-lg" : "shadow-none"
  7. } ${className}`}
  8. initial={{ opacity: 0, y: 50 }}
  9. animate={{ opacity: 1, y: 0 }}
  10. transition={{ duration: 0.5 }}
  11. >
  12. {children}
  13. </motion.div>
  14. );
  15. };
  16. export default Container;