import { Skeleton } from "./skeleton";

const GridSkeleton = ({ itemCount = 6 }) => {
    return (
        <div className="grid grid-cols-2 gap-2 p-2">
            {Array.from({ length: itemCount }, (_, index) => (
                <div key={index} className="relative">
                    <div className="aspect-[9/16] w-full rounded-lg bg-gradient-to-r from-muted via-background to-muted bg-[length:200%_100%] animate-shimmer" />
                </div>
            ))}
        </div>
    );
};

export { GridSkeleton };