'use client'

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

// Variant 1: Standard Card Skeleton
export function SkeletonCard() {
  return (
    <div className="w-full max-w-sm p-4 border rounded-xl space-y-3 bg-background/50 backdrop-blur-sm">
      <Skeleton className="h-[125px] w-full rounded-lg" />
      <div className="space-y-2">
        <Skeleton className="h-4 w-[250px]" />
        <Skeleton className="h-4 w-[200px]" />
      </div>
    </div>
  )
}