<template>
    <span>
        <span v-if="state==true" class="badge bg-success">
            On
        </span>
        <span v-else class="badge bg-danger">
            Off
        </span>
    </span>
</template>

<script>
    export default {
        props: {
            state: Boolean,
        }
    }
</script>

<style>

</style>