---
interface Props { title: string; description?: string; align?: "left" | "center"; light?: boolean; }
const { title, description, align = "left", light = false } = Astro.props;
---
<div class:list={["section-heading", `section-heading--${align}`, { "section-heading--light": light }]} data-reveal>
  <h2>{title}</h2>{description && <p>{description}</p>}
</div>
