import { Loader2 } from "lucide-react"

interface SpinnerProps {
  size?: number
  description?: string
}

function Spinner({ size = 36, description }: SpinnerProps) {
  return (
    <div className="flex flex-col items-center justify-center gap-3 py-12">
      <Loader2 className="animate-spin text-gray-400" size={size} strokeWidth={1.5} />
      {description && <p className="text-sm text-gray-400">{description}</p>}
    </div>
  )
}

export { Spinner, type SpinnerProps }
