// Callout box. variant: info | success | danger | warning.
// Optional `title`; body from `message` prop or the slot.
component Alert {
  props {
    variant = "info"
    title = ""
    message = ""
    class = ""
  }
  view {
    <div class="wire-alert wire-alert--{variant} {class}" role="alert">
      <div class="wire-alert__title">{title}</div>
      <div class="wire-alert__body"><slot>{message}</slot></div>
    </div>
  }
}