<template>
    <div class="columns ml-3 mr-3">
        <pedidos-categorias-container :class="chismosaActiva ? 'hide-below-1024' : ''"></pedidos-categorias-container>
        <pedidos-productos-container :class="chismosaActiva ? 'hide-below-1024' : ''"></pedidos-productos-container>
        <pedidos-chismosa v-show="chismosaActiva"></pedidos-chismosa>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                chismosaActiva: false,
            }
        },
        mounted() {
            Event.$on('toggle-chismosa', (activa) => {
                this.chismosaActiva = activa;
            });
        },
    }
</script>