"use client";

import IOSSpinner from "@/components/ui/IOSSpinner";
import LocalePageShell from "@/components/i18n/LocalePageShell";
import { useTranslation } from "react-i18next";

export default function SettingsLoading() {
  const { t } = useTranslation("common");

  return (
    <LocalePageShell>
      <div className="mx-auto flex min-h-[50vh] w-full max-w-xl flex-col items-center justify-center gap-3 px-4">
        <IOSSpinner size={28} color="#ff107d" />
        <span className="text-sm text-neutral-500">{t("settings.loading")}</span>
      </div>
    </LocalePageShell>
  );
}
