<template>
    <button
        class="px-8 py-2 font-robotoBold text-base bg-blue text-white
                disabled:bg-lightblue disabled:cursor-not-allowed"
        @click="pressed"
        :disabled="disabled">
        {{ text }}
    </button>
</template>

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