---
interface Props {
    class?: string;
    as?: "div" | "section" | "article" | "main" | "header" | "footer";
}

const { class: className = "", as: Tag = "div" } = Astro.props;
---

<Tag class:list={["max-w-brand mx-auto px-6", className]}>
    <slot />
</Tag>

