19 lines
583 B
TypeScript
19 lines
583 B
TypeScript
export default function (props: Lume.Data) {
|
|
const dateFormatted = Intl.DateTimeFormat("en-CA", { dateStyle: "long" })
|
|
.format(props.date);
|
|
return (
|
|
<header className="page-header">
|
|
<h1>{props.title}</h1>
|
|
{props.author &&
|
|
(
|
|
<p className="author" style={{ color: "var(--color-brown)" }}>
|
|
By {props.author.name} on{" "}
|
|
<time dateTime={props.date.toISOString()}>{dateFormatted}</time>
|
|
</p>
|
|
)}
|
|
<p className="subheading">{props.description}</p>
|
|
{props.comp.separator()}
|
|
</header>
|
|
);
|
|
}
|