Jacky Zhao
2024-06-18 541b470cfc85c342ba8b7548d58d668b49d8dd85
1
2
3
4
5
6
7
8
9
10
11
import { htmlToJsx } from "../../util/jsx"
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "../types"
 
const Content: QuartzComponent = ({ fileData, tree }: QuartzComponentProps) => {
  const content = htmlToJsx(fileData.filePath!, tree)
  const classes: string[] = fileData.frontmatter?.cssclasses ?? []
  const classString = ["popover-hint", ...classes].join(" ")
  return <article class={classString}>{content}</article>
}
 
export default (() => Content) satisfies QuartzComponentConstructor