liljudd-website/src/components/ImageSection.astro
2023-12-04 17:03:03 +01:00

21 lines
473 B
Text

---
interface Props {
imgUrl: string;
imgAlt: string;
title: string;
description: string;
note: string;
span?: boolean;
}
const { imgUrl, imgAlt, title, description, note, span = false } = Astro.props;
import "../styles/components/ImageSection.scss";
---
<section class:list={["ImageSection", { span }]}>
<h1>{title}</h1>
<div class="imgDiv">
<img src={imgUrl} alt={imgAlt} />
<p>{description}</p>
</div>
<p class="noteP">{note}</p>
</section>