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

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