import { ProjectCardSkeleton } from "@shared/ui/Skeleton"

export default function ProjectsLoading() {
	return (
		<div
			style={{
				padding: "28px 24px 40px",
				display: "grid",
				gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))",
				gap: "20px",
			}}
		>
			{Array.from({ length: 6 }).map((_, i) => (
				<ProjectCardSkeleton key={i} />
			))}
		</div>
	)
}