Marco Ciotola
2025-11-02 0ecb859d2d826f1813b49e2b63fa37d1e7151a1d
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
import { classNames } from "../util/lang"
 
const ArticleTitle: QuartzComponent = ({ fileData, displayClass }: QuartzComponentProps) => {
  const title = fileData.frontmatter?.title
  if (title) {
    return <h1 class={classNames(displayClass, "article-title")}>{title}</h1>
  } else {
    return null
  }
}
 
ArticleTitle.css = `
.article-title {
  margin: 2rem 0 0 0;
}
`
 
export default (() => ArticleTitle) satisfies QuartzComponentConstructor