---
export interface Props {
  class?: string;
}

const { class: className = "", ...rest } = Astro.props;

const classes = ["modal-body", className].filter(Boolean).join(" ");
---

<div class={classes} {...rest}>
  <slot />
</div>

<style>
  .modal-body {
    padding: var(--spacing-6);
  }
</style>