import Link from "next/link";
import ThemeToggle from "@/components/ThemeToggle";
import type { Locale } from "@/lib/i18n";
import type { CommonContent } from "@/content/types";

type SiteHeaderProps = {
  locale: Locale;
  common: CommonContent;
};

export default function SiteHeader({ locale, common }: SiteHeaderProps) {
  return (
    <header className="site-header">
      <div className="container bar">
        <Link href={`/${locale}`} className="brand">
          {common.siteTitle}
        </Link>
        <ThemeToggle />
      </div>
    </header>
  );
}