<script setup lang="ts">
defineProps( {
    type: {
        type: String,
        default: "button"
    }
} )
</script>

<template>
    <button :type class="w-full py-2 mt-4 bg-primary text-white rounded-lg hover:bg-primary-light focus:outline-none focus:ring-2 focus:ring-primary-light">
        <slot />
    </button>
</template>