component Banner {
  props {
    text = "Announcement"
    href = ""
    actionLabel = "Learn more"
    variant = "brand"
  }
  view {
    <aside class="px-4 py-3 text-center text-sm font-medium {variant === 'warning' ? 'bg-amber-400 text-amber-950' : 'bg-violet-600 text-white'}"><span>{text}</span><a data-show="href" href="{href}" class="ml-2 underline underline-offset-4">{actionLabel} →</a></aside>
  }
}