<script>
  import { cssVars, createClasses } from "./cssVars"

  export let url = ""
  export let text = ""
  export let openInNewTab = false

  export let _bb

  let anchorElement

  $: anchorElement && !text && _bb.attachChildren(anchorElement)
  $: target = openInNewTab ? "_blank" : "_self"
</script>

<a href={_bb.relativeUrl(url)} bind:this={anchorElement} {target}>{text}</a>

<style>
  .textDecoration {
    text-decoration: var(--textDecoration);
  }
</style>
