29 lines
996 B
TypeScript
29 lines
996 B
TypeScript
/* @refresh reload */
|
|
import { type Component, Show } from "solid-js";
|
|
import type { TitleProps } from "../types/interfaces";
|
|
import { Icon } from "solid-heroicons";
|
|
import { chevronLeft } from "solid-heroicons/solid";
|
|
import { Link } from "./link";
|
|
|
|
const Header: Component<TitleProps> = ({ className, title }) => {
|
|
return (
|
|
<header class={ className }>
|
|
<div class={ "flex-row-center mx-auto w-fit" }>
|
|
|
|
<Show when={ typeof location !== "undefined" && location.pathname !== "/" } keyed>
|
|
<Link to={ "/" } newTab={ false } title={ "Back to homepage" }>
|
|
<Icon path={ chevronLeft } class={ "text-cyan-500" } />
|
|
</Link>
|
|
</Show>
|
|
|
|
<h1 class={ "text-center text-cyan-500" }>{ title }</h1>
|
|
</div>
|
|
<div class={ "mx-auto w-fit" }>
|
|
<p>Av Martin Berg Alstad</p>
|
|
</div>
|
|
</header>
|
|
);
|
|
};
|
|
|
|
export default Header;
|