28 lines
492 B
Vue
28 lines
492 B
Vue
<script setup>
|
|
import GoogleIcon from "@Shared/GoogleIcon.vue";
|
|
defineProps({
|
|
type: {
|
|
default: "button",
|
|
type: String,
|
|
},
|
|
icon: {
|
|
default: "add",
|
|
type: String,
|
|
},
|
|
text: {
|
|
default: "",
|
|
type: String,
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<button
|
|
:type="type"
|
|
class="inline-flex items-center gap-3 bg-[#2563eb] hover:bg-[#1e40af] text-white px-4 py-2 rounded-full shadow-md"
|
|
>
|
|
<GoogleIcon :name="icon" />
|
|
<span>{{ text }}</span>
|
|
</button>
|
|
</template>
|