<template>
    <formElement :codename="codename" :label="label">
        <input class="c-input"
               type="email"
               :id="codename"
               :data-test="testName"
               v-bind="value"
               autocomplete="email"/>
    </formElement>
</template>

<script>
    import FormElement from './layout/formElement'

    export default {
        props: {
            codename: {type: String, required: true},
            testName: {type: String, default: null},
            value: {type: String, default: ''},
            label: {type: String, default: null},
        },
        components: {
            'formElement': FormElement,
        }
    }
</script>