<script>
import { mapGetters } from "vuex";
import LoginDropdown from "./LoginDropdown.vue";

export default {
    name: "LoginTitulos",
    components: { LoginDropdown },
    computed: {
        ...mapGetters("login", ["textos", "estilos"]),
    }
};
</script>

<template>
    <div class="columns">
        <div class="column">
            <div class="block">
                <h1 class="title" :class="estilos.texto">{{ textos.titulo }}</h1>
                <p class="subtitle" :class="estilos.texto">
                    {{ `Bienvenidx a la  ${textos.subtitlo} del ` }}
                    <strong :class="estilos.texto">Mercado Popular de Subistencia</strong>
                </p>
            </div>
        </div>
        <div class="column is-2 is-hidden-mobile">
            <login-dropdown></login-dropdown>
        </div>
    </div>
</template>

<style scoped>

</style>
