Updated

@dasig/components/Box.astro

@@ -0,0 +1,22 @@
+---
+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>