<script setup lang="ts">
// Padded, max-width-centred section wrapper. Ported from landing-sections.jsx Container.
withDefaults(defineProps<{
  pad?: string
  max?: number
}>(), {
  pad: '120px 64px',
  max: 1280,
})
</script>

<template>
  <div :style="{ padding: pad }">
    <div :style="{ maxWidth: `${max}px`, margin: '0 auto' }">
      <slot />
    </div>
  </div>
</template>
