<script >
import { defineComponent } from "vue";
import { mapState } from "vuex";
import CategoriasContainer from "./CategoriasContainer.vue";
import ProductosContainer from "./ProductosContainer.vue";
import Chismosa from "./Chismosa.vue";
import DevolucionesModal from "./DevolucionesModal.vue";

export default defineComponent({
    components: { DevolucionesModal, CategoriasContainer, ProductosContainer, Chismosa },
    computed: {
        ...mapState('ui', ["show_chismosa", "show_devoluciones"])
    }
})
</script>

<template>
    <div class="columns ml-3 mr-3" v-else>
        <categorias-container :class="show_chismosa ? 'hide-below-1024' : ''"></categorias-container>
        <productos-container :class="show_chismosa ? 'hide-below-1024' : ''"></productos-container>
        <devoluciones-modal v-show="show_devoluciones"></devoluciones-modal>
    </div>
</template>

<style scoped>

</style>