<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">
        <login-dropdown class="is-hidden-tablet"/>
        <login-titulos/>
        <login-input/>
    </section>
</div>
</template>

<style scoped>

</style>
