import { useAppTranslation } from "@/locales/i18n";

export const SettingsIndexPage = () => {
  const { t } = useAppTranslation();

  return (
    <div className="rounded-xl border border-border bg-card p-6 shadow-sm">
      <div className="max-w-2xl space-y-2">
        <h2 className="text-lg font-semibold text-foreground">{t("web.settings.empty.title")}</h2>
        <p className="text-sm leading-6 text-muted-foreground">
          {t("web.settings.empty.description")}
        </p>
      </div>
    </div>
  );
};