---
interface Props {
  title: string;
  description: string;
  date: string;
  href: string;
  note?: string;
}

const { title, description, date, href, note } = Astro.props;
---

<a href={href} target="_blank" class="text-reset">
  <div class="project-card" style="color: #fff;">
    <small class="text-muted">{date}</small>
    <h4>{title}</h4>
    {description}
    {
      note && (
        <>
          <br />
          <small class="text-muted">{note}</small>
        </>
      )
    }
  </div>
</a>