1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
|
| const Header: QuartzComponent = ({ children }: QuartzComponentProps) => {
| return children.length > 0 ? <header>{children}</header> : null
| }
|
| Header.css = `
| header {
| display: flex;
| flex-direction: row;
| align-items: center;
| margin: 2rem 0;
| gap: 1.5rem;
| }
|
| header h1 {
| margin: 0;
| flex: auto;
| }
| `
|
| export default (() => Header) satisfies QuartzComponentConstructor
|
|
