<template>
    <button
        class="px-4 py-2 font-robotoBold text-base bg-orange text-white hover:bg-blue hover:text-white transition duration-200
          disabled:bg-lightorange disabled:hover:bg-lightorange disabled:cursor-not-allowed"
        @click="pressed"
        :disabled="disabled">
        {{ text }}
    </button>
</template>

<script>
export default {
    name: "HoverButtonAlt",
    props: {
        text: {
            type: String,
            default: ''
        },
        pressed: {
            type: Function,
            default: () => {}
        },
        disabled: {
            type: Boolean,
            default: false
        }
    }
}
</script>