<script>
import LoginInput from "./login/LoginInput.vue";
import LoginLoginTitulos from "./login/LoginTitulos.vue";
import { mapGetters } from "vuex";
import LoginDropdown from "./login/LoginDropdown.vue";

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

<template>
<div id="login-form" :class="estilos.fondo">
    <section class="section">
        <div class="columns is-centered">
            <div class="column is-three-quarters">
                <login-dropdown class="is-hidden-tablet"/>
                <login-titulos/>
                <login-input/>
            </div>
        </div>
    </section>
</div>
</template>
