<script setup>
import { defineProps } from 'vue';
defineProps(['icon']);

import { ref } from 'vue'
import { useRouter } from "vue-router";

const router = useRouter();
</script>

<template>
  <button class="button is-black is-small is-rounded">
    <span class="icon"><i class="fas" :class="$props.icon ? $props.icon : 'fa-user'"></i></span>
    <span><slot></slot></span>
  </button>
</template>

<style scoped>

</style>