<template>
	<div>
		<LimitedTextField v-if="type === 'text-box-limited'" :highlight="highlight" :options="options"/>
		<TextField v-else-if="type === 'text-box'" />
		<LineInput v-else-if="type === 'line'" />

		<span v-else>= OOPS, this input type '{{ type }}' has to be implemented.</span>
	</div>
</template>

<script>
	import LimitedTextField from './inputtypes/LimitedTextField.vue'
	import TextField from './inputtypes/TextField.vue'
	import LineInput from './inputtypes/LineInput.vue'

	export default {
		props: [
			'type',
			'highlight',
			'options',
		],
		components: {
			LimitedTextField,
			TextField,
			LineInput,
		},
	}
</script>