import { LangSwitcher } from "../i18n";
import { ThemeSwitcher } from "../theme";

// Marca "S" + wordmark a la izquierda; tema e idioma a la derecha.
export function AppBar({ children }: { children?: React.ReactNode }) {
  return (
    <header className="appbar">
      <a className="brand" href="/" style={{ textDecoration: "none" }}>
        <span className="brand-logo">S</span>
        <span className="brand-name">sternboard</span>
      </a>
      <div className="appbar-right">
        {children}
        <ThemeSwitcher />
        <LangSwitcher />
      </div>
    </header>
  );
}
