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