<template>
  <a target="_blank" :href="to">
    <div v-if="icon" :class="icon" class="h-24px w-24px" />
    <div class="ml-2" />
    <slot />
  </a>
</template>

<script setup lang="ts">
defineProps<{
  to?: string
  icon?: string
}>()
</script>

<style scoped>
a {
  --at-apply: bg-white hover:bg-stone-100 active:bg-neutral-200 border-solid border-2 border-light-950 c-coolgray-700 decoration-none flex items-center rounded text-4 h-11 px-3 shadow;
}
</style>
