export default function Loading() {
  return (
    <div className="p-6 max-w-2xl mx-auto w-full animate-pulse">
      <div className="h-6 w-20 bg-border rounded mb-6" />
      <div className="flex gap-3 mb-4">
        <div className="h-8 w-32 bg-border/50 rounded-lg" />
        <div className="flex-1" />
        <div className="h-8 w-8 bg-border/50 rounded-lg" />
      </div>
      <div className="rounded-xl border border-border overflow-hidden">
        <div className="h-10 bg-border/30" />
        {[1, 2, 3, 4, 5].map(i => (
          <div key={i} className="h-12 border-t border-border bg-border/20" />
        ))}
      </div>
      <div className="mt-4 h-24 bg-border/30 rounded-xl" />
    </div>
  )
}
