import React from "react"

interface LoadingProps {
  message?: string
}

export const Loading: React.FC<LoadingProps> = ({ message }) => (
  <div className="flex flex-col items-center justify-center h-[70vh]">
    <div className="animate-spin rounded-full h-10 w-10 sm:h-12 sm:w-12 border-t-2 border-b-2 border-primary mb-4"></div>
    {message && (
      <p className="text-sm sm:text-base text-muted-foreground text-center max-w-xs">{message}</p>
    )}
  </div>
)
