interface LoadingStateProps {
  message?: string
}

export default function LoadingState({ message = 'Cargando…' }: LoadingStateProps) {
  return (
    <div
      className="flex flex-col items-center justify-center py-16 gap-4"
      role="status"
      aria-live="polite"
      aria-label={message}
    >
      <div
        className="w-10 h-10 rounded-full border-4 border-[#87afa4] border-t-transparent animate-spin"
        aria-hidden="true"
      />
      <p className="text-[#3d3c3a] text-sm">{message}</p>
    </div>
  )
}

