<template>
	<dynamic-selector style="flex: 1;" :value="value" @input="onChange"
	                  :editable="editable"
	                  :container="container"
	                  :property="property"
	                  :propertyName="propertyName"/>
</template>

<script>
	import LinkableInputWrapper from "./LinkableInputWrapper";
	import CmdInputWrapper from "./CmdInputWrapper";
	import DynamicSelector from "./DynamicSelector";

	export default {
		name: "DynamicInput",
		components: {DynamicSelector, LinkableInputWrapper, CmdInputWrapper},
		props: ['value', 'container', 'property', 'propertyName', 'editable'],
		methods: {
			onChange(v){
				this.$emit('input', v, this.container, this.propertyName, this.value);
			}
		}
	}
</script>

<style scoped>

</style>
