32 lines
547 B
Plaintext
32 lines
547 B
Plaintext
---
|
|
import FormattedDate from '@components/FormattedDate.astro'
|
|
import Calendar from './icons/Calendar.astro'
|
|
|
|
interface Props {
|
|
title: String
|
|
date: String
|
|
}
|
|
|
|
const { title, date, slug } = Astro.props
|
|
---
|
|
|
|
<div class="blog-header">
|
|
<h2>
|
|
{slug ? <a href={`/posts/${slug}`}>{title}</a> : title}
|
|
<h3>
|
|
<!-- <img class="svg-icon" src={calendarIcon} alt="" /> -->
|
|
<Calendar />
|
|
<FormattedDate date={date} />
|
|
</h3>
|
|
</h2>
|
|
|
|
<style>
|
|
h3 {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
font-size: 1.1rem;
|
|
}
|
|
</style>
|
|
</div>
|