---
interface Props {
  left: number
  right: number
  top?: number
  bottom?: number
}

const { left, right, top, bottom } = Astro.props
---

<div style={{ padding: `${top || 0}rem ${right}rem ${bottom || 0}rem ${left}rem` }}><slot /></div>