"use client";
import { useI18n } from "@/components/I18nProvider";
import Link from "next/link";
import { useSiteSettings } from "./SiteSettingsProvider";

export function Brand() {
  const { t } = useI18n();
  const { settings } = useSiteSettings();
  return (
    <Link href="/" className="brand" aria-label={t("MineGeo home")}>
      <img
        className="brand-mark"
        src="/images/minegeo-mark.webp"
        width={42}
        height={46}
        alt=""
      />
      <span className="brand-wordmark">
        Mine<span>Geo</span>
      </span>
      {settings.betaBadgeEnabled && <sup>BETA</sup>}
    </Link>
  );
}