import { useTranslation } from "react-i18n-lite";

interface ReaderLoadingScreenProps {
  showMessage?: boolean;
}

export function ReaderLoadingScreen({ showMessage = true }: ReaderLoadingScreenProps) {
  const { t } = useTranslation();
  return (
    <div className="reader-loading">
      <div className="spinner" />
      {showMessage && <p>{t("reader.loading")}</p>}
    </div>
  );
}