'use client'

import React from 'react'
import { Skeleton } from './skeleton'

// Variant 4: Dashboard Metrics Skeleton
export function SkeletonDashboard() {
  return (
    <div className="grid grid-cols-2 gap-3 w-full max-w-sm">
      {[1, 2].map((i) => (
        <div key={i} className="p-4 border rounded-xl bg-background/50 backdrop-blur-sm space-y-2">
          <Skeleton className="h-3 w-[60px]" />
          <Skeleton className="h-8 w-[80px]" />
          <Skeleton className="h-2 w-[40px] mt-2" />
        </div>
      ))}
    </div>
  )
}