/**
 * Loading component
 */
export function Loading() {
  return (
    <div className="w-full h-full flex items-center justify-center bg-black text-white">
      <div className="text-center">
        <div className="mb-4">
          <div className="inline-block animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-blue-500"></div>
        </div>
        <p className="text-lg">Loading celestial data from NASA JPL Horizons...</p>
      </div>
    </div>
  );
}