---
// Container for component previews/demos
const { class: className, ...rest } = Astro.props;
---

<div
  class:list={[
    "flex min-h-[120px] items-center justify-center rounded-t-lg border border-kumo-line bg-kumo-surface p-6",
    className,
  ]}
  {...rest}
>
  <slot />
</div>
