| | |
| | | import { ComponentChildren } from "preact" |
| | | import clipboardScript from './scripts/clipboard.inline' |
| | | import clipboardStyle from './styles/clipboard.scss' |
| | | // @ts-ignore |
| | | import clipboardScript from "./scripts/clipboard.inline" |
| | | import clipboardStyle from "./styles/clipboard.scss" |
| | | import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types" |
| | | |
| | | export interface BodyProps { |
| | | title?: string |
| | | children: ComponentChildren |
| | | } |
| | | |
| | | export default function Body({ title, children }: BodyProps) { |
| | | return <article> |
| | | {title && <h1>{title}</h1>} |
| | | {children} |
| | | </article> |
| | | const Body: QuartzComponent = ({ children }: QuartzComponentProps) => { |
| | | return <div id="quartz-body">{children}</div> |
| | | } |
| | | |
| | | Body.afterDOMLoaded = clipboardScript |
| | | Body.css = clipboardStyle |
| | | |
| | | export default (() => Body) satisfies QuartzComponentConstructor |