| | |
|---|
| | | import { QuartzComponentConstructor, QuartzComponentProps } from "./types" |
|---|
| | | import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types" |
|---|
| | | import { classNames } from "../util/lang" |
|---|
| | | |
|---|
| | | function ArticleTitle({ fileData, displayClass }: QuartzComponentProps) { |
|---|
| | | const ArticleTitle: QuartzComponent = ({ fileData, displayClass }: QuartzComponentProps) => { |
|---|
| | | const title = fileData.frontmatter?.title |
|---|
| | | if (title) { |
|---|
| | | return <h1 class={`article-title ${displayClass ?? ""}`}>{title}</h1> |
|---|
| | | return <h1 class={classNames(displayClass, "article-title")}>{title}</h1> |
|---|
| | | } else { |
|---|
| | | return null |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | ArticleTitle.css = ` |
|---|
| | | .article-title { |
|---|
| | | margin: 2rem 0 0 0; |
|---|
