---
import type { HTMLAttributes } from "astro/types";
interface Props extends HTMLAttributes<"div"> {}
const { class: className, ...props } = Astro.props;
---
<div class:list={["mx-auto w-full max-w-4xl px-8 lg:px-0", className]} {...props}>
  <slot />
</div>