---
type Props = {
  thickness: number
  color?: string
  curved?: boolean
}
const { thickness, color, curved } = Astro.props
const boxClass = curved ? 'dasig-curvedbox' : 'dasig-box'
---

<section class={boxClass} style={{ border: `${thickness}px solid ${color || 'white'}` }}>
  <slot />
</section>

<style lang="sass">
  .dasig-box
    padding: 1rem

  .dasig-curvedbox
    @extend .dasig-box
    border-radius: 8px
</style>