<template>
    <div class="bm-tabs">
        <button
            type="button"
            class="bm-tabs__btn"
            :class="{ 'is-active': active === 'blocks' }"
            @click="$emit('switch', 'blocks')"
        >Blocks</button>
        <button
            type="button"
            class="bm-tabs__btn"
            :class="{ 'is-active': active === 'elements' }"
            @click="$emit('switch', 'elements')"
        >Elements</button>
    </div>
</template>

<script>
export default {
    name: 'BlockManagerTabs',
    props: {
        active: { type: String, default: 'blocks' },
    },
};
</script>
