<script>
    export let href = '/'
    export let text = ''
    export let target = null
    export let rel = null
    export let active = false
    export let noScroll = undefined
</script>

<a {href} {target} {rel} class="link-translate" class:is-active={!!active} sapper-noscroll={noScroll}>
    <slot />
    <div class="text" data-text={text}>
        <span>{text}</span>
    </div>
</a>