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>
    </>
  );
}