---
// src/components/HoverCard.astro
import "../../styles/components/HoverCard.css";
const { title, description, image = "", date } = Astro.props;
---

<article class="hover-card">
	<div class="image-container">
		<img class="card-image" src={image} alt={title} />
	</div>

	<h3 class="card-title" set:html={title} />
	<h4 class="card_date">{date}</h4>

	<div class="hover-text">
		<p set:html={description} />
	</div>
</article>
