20 lines
458 B
TypeScript

import React from 'react';
import { motion } from 'framer-motion';
interface ContentCardProps {
children: React.ReactNode;
className?: string;
}
export const ContentCard: React.FC<ContentCardProps> = ({ children, className = "" }) => {
return (
<motion.div
className={className}
initial={{ opacity: 0, y: 10 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.4 }}
>
{children}
</motion.div>
);
};