---
// CP-STRUCT-002 container
interface Props {
  size?: 'default' | 'narrow' | 'wide';
}
const { size = 'default' } = Astro.props;
---
<div class={`container container--${size}`}>
  <slot />
</div>

<style>
  .container {
    max-width: 1100px;
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    width: 100%;
  }
  .container--narrow {
    max-width: 720px;
  }
  .container--wide {
    max-width: 1400px;
  }
</style>