<template lang="pug">
w-flex.column
    w-image.splash-logo(
        :height='300'
        :src='`/assets/logos/siimee_logo.jpg`'
        :width='300'
    )
    w-button.ma1.grow.next-btn(
        :height='50'
        :width='315'
        @click='handleSubmit'
        bg-color='success'
        shadow
        text
        xl
    ) GET STARTED
</template>

<script>
export default {
    name: 'Splash',
    props: {
        currentStep: {
            required: true,
            type: Number,
            default: 0,
        },
    },
    emits: ['update-answers'],
    methods: {
        handleSubmit() {
            this.$emit('update-answers', null)
        },
    },
}
</script>

<style lang="sass">
.w-button
    &.next-btn
        background-color: #5BA626
</style>
