33 lines
731 B
Vue
33 lines
731 B
Vue
<script setup>
|
|
import GoogleIcon from '@/Components/Shared/GoogleIcon.vue';
|
|
|
|
defineProps({
|
|
title: String,
|
|
href: String,
|
|
icon: {
|
|
default: 'people',
|
|
type: String
|
|
},
|
|
type: {
|
|
default: 'submit',
|
|
type: String
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<button
|
|
class="flex flex-col items-center justify-center w-full h-48 space-y-2 bg-primary dark:bg-primary-dark text-white hover:bg-secondary dark:hover:bg-secondary-dark rounded-xl disabled:opacity-25 transition"
|
|
:type="type"
|
|
>
|
|
<GoogleIcon
|
|
:title="title"
|
|
class="text-7xl"
|
|
:name="icon"
|
|
/>
|
|
<span>
|
|
<slot />
|
|
</span>
|
|
</button>
|
|
</template>
|