22 lines
428 B
Text
22 lines
428 B
Text
---
|
|
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>
|