Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | 4x 24x | import { type HTMLMotionProps, motion } from 'framer-motion';
export const ProjectSkeleton = (props: HTMLMotionProps<'div'>) => (
<motion.div
className="relative bg-gray-200 rounded-lg shadow p-4 space-y-3 overflow-hidden"
role="status"
{...props}
>
<div className="absolute inset-0 bg-gradient-to-r from-gray-200 via-gray-100 to-gray-200 animate-shimmer" />
<div className="relative h-5 bg-gray-300 rounded w-3/4" />
<div className="relative h-4 bg-gray-300 rounded w-full" />
<div className="relative h-4 bg-gray-300 rounded w-5/6" />
</motion.div>
);
|