30 lines
709 B
TypeScript
30 lines
709 B
TypeScript
type postMetadata = {
|
|
title: string,
|
|
date: string,
|
|
coverImage: string,
|
|
blurb: string,
|
|
shortBlurb: string,
|
|
tags: string[]
|
|
}
|
|
|
|
type PostHeaderProps = {
|
|
metadata: postMetadata
|
|
}
|
|
|
|
export default function PostHeader({metadata}: PostHeaderProps): React.JSX.Element {
|
|
return (
|
|
<>
|
|
<h1>{metadata.title}</h1>
|
|
<div className="mb-2">{metadata.date}</div>
|
|
<div className="mb-6">
|
|
{metadata.tags.map((tag) => {
|
|
return (
|
|
<>
|
|
<span className="select-none text-sm me-2 px-2.5 py-1 rounded border border-dracula-pink dark:bg-dracula-bg-darker dark:text-dracula-pink">{tag}</span>
|
|
</>
|
|
);
|
|
})}
|
|
</div>
|
|
</>
|
|
);
|
|
} |