<template>
    <button class="c-user-address__button" role="checkbox" :aria-checked="active.toString()">
        <span class="u-color-neutral--500" v-if="active">&#10003; {{ activeText}}</span>
        <span v-if="!active">{{ regularText}} </span>
    </button>
</template>

<script>
    export default {
        props: {
            activeText: {
                type: String,
                required: true
            },
            regularText: {
                type: String,
                required: true
            },
            active: {
                type: Boolean,
                required: true
            },
        },
    }
</script>