<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>
