// Horizontal stack: row layout with a gap and cross-axis alignment.
// align: start | center | end | stretch
component HStack {
  props {
    gap = "4"
    align = "center"
    class = ""
  }
  view {
    <div class="wire-hstack wire-gap-{gap} wire-items-{align} {class}"><slot></slot></div>
  }
}