'use client'

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

// Variant 5: Article/Content Skeleton
export function SkeletonArticle() {
  return (
    <div className="w-full max-w-sm p-4 border rounded-xl space-y-4 bg-background/50 backdrop-blur-sm">
      <div className="flex items-center space-x-2 mb-4">
        <Skeleton className="h-6 w-6 rounded-full" circle />
        <Skeleton className="h-3 w-[80px]" />
      </div>
      <Skeleton className="h-4 w-full" />
      <Skeleton className="h-4 w-[90%]" />
      <Skeleton className="h-4 w-[95%]" />
      <Skeleton className="h-4 w-[60%]" />
    </div>
  )
}