'use client'

import { Spinner } from '@phosphor-icons/react'

export function LoadingCard() {
  return (
    <div className="flex flex-col h-full">
      <div className="flex items-center justify-center flex-1 p-8">
        <div className="text-center">
          <Spinner size={32} className="text-muted-foreground animate-spin mx-auto" />
          <p className="text-sm text-muted-foreground mt-3">Sending request...</p>
        </div>
      </div>
    </div>
  )
}
