// import { Skeleton } from "@/components/ui/skeleton"
// import { Card } from "@/components/ui/card"
// import { CardContent } from "@/components/ui/card"

// export default function CategorySkeleton() {
//   return (
//     <Card className="overflow-hidden rounded-xl">
//       {/* Image */}
//       <Skeleton className="w-full h-36 bg-gray-200" />

//       {/* Name */}
//       <CardContent className="py-2">
//         <Skeleton className="h-4 w-3/4 bg-gray-200" />
//       </CardContent>
//     </Card>
//   )
// }