import { useTranslation } from "react-i18next";
import "../admin-page.scss";

/**
 * Usage-metrics dashboard — KPI tiles + trend charts fed by
 * `GET /admin/metrics`. Placeholder until PR 3 (metrics) fills it in.
 */
export function DashboardPage() {
  const { t } = useTranslation();
  return (
    <div className="admin-page">
      <h1 className="admin-page__title">{t("admin.dashboard.title")}</h1>
      <p className="admin-page__lead">{t("admin.dashboard.lead")}</p>
      <p className="admin-page__placeholder">{t("admin.common.comingSoon")}</p>
    </div>
  );
}