| | |
| | | import { QuartzComponentConstructor, QuartzComponentProps } from "./types" |
| | | import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types" |
| | | |
| | | function Header({ children }: QuartzComponentProps) { |
| | | return (children.length > 0) ? <header> |
| | | {children} |
| | | </header> : null |
| | | const Header: QuartzComponent = ({ children }: QuartzComponentProps) => { |
| | | return children.length > 0 ? <header>{children}</header> : null |
| | | } |
| | | |
| | | Header.css = ` |
| | |
| | | display: flex; |
| | | flex-direction: row; |
| | | align-items: center; |
| | | margin: 2em 0; |
| | | margin: 2rem 0; |
| | | gap: 1.5rem; |
| | | } |
| | | |
| | | header h1 { |