M. George Hansen
5118a8174b
* chore: replace eslint & prettier w/ biomejs * fix syntax error in ci.yml workflow * ensure that build CI jobs only run if check job succeeds to save resources
25 lines
524 B
TypeScript
25 lines
524 B
TypeScript
import { stylesheet } from "typestyle";
|
|
import { type Component, createElement } from "websnacks";
|
|
|
|
const styles = stylesheet({
|
|
header: {
|
|
background: "#6c42bd",
|
|
color: "#fff",
|
|
padding: "32px",
|
|
textAlign: "center",
|
|
boxShadow: "0 1px 8px -3px #000",
|
|
},
|
|
headline: {
|
|
fontSize: "28px",
|
|
},
|
|
});
|
|
|
|
export interface HeaderProps {
|
|
headline: string;
|
|
}
|
|
|
|
export const Header: Component<HeaderProps> = ({ headline }) => (
|
|
<header className={styles.header}>
|
|
<h1 className={styles.headline}>{headline}</h1>
|
|
</header>
|
|
);
|