| | |
|---|
| | | import { QuartzComponentConstructor, QuartzComponentProps } from "./types" |
|---|
| | | |
|---|
| | | function ArticleTitle({ fileData }: QuartzComponentProps) { |
|---|
| | | function ArticleTitle({ fileData, displayClass }: QuartzComponentProps) { |
|---|
| | | const title = fileData.frontmatter?.title |
|---|
| | | const displayTitle = fileData.slug === "index" ? undefined : title |
|---|
| | | if (displayTitle) { |
|---|
| | | return <h1>{displayTitle}</h1> |
|---|
| | | if (title) { |
|---|
| | | return <h1 class={`article-title ${displayClass ?? ""}`}>{title}</h1> |
|---|
| | | } else { |
|---|
| | | return null |
|---|
| | | } |
|---|
| | | } |
|---|
| | | ArticleTitle.css = ` |
|---|
| | | .article-title { |
|---|
| | | margin: 2rem 0 0 0; |
|---|
| | | } |
|---|
| | | ` |
|---|
| | | |
|---|
| | | export default (() => ArticleTitle) satisfies QuartzComponentConstructor |
|---|
