20 lines
590 B
TypeScript
20 lines
590 B
TypeScript
|
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>
|
||
|
|
);
|
||
|
|
}
|