<script setup lang="ts">
import NodeRuntimeConfig from '@/nodes/_base/NodeRuntimeConfig.vue'
import OutputVariables from '@/nodes/_base/OutputVariables.vue'
import { useSetterModel } from '../_shared/useSetterModel'

import type { EndData } from './index'

const props = defineProps<{
	data: EndData
}>()

const emit = defineEmits<{
	(e: 'update', data: EndData): void
}>()

const formData = useSetterModel<EndData>(props, emit)
</script>

<template>
	<el-scrollbar class="box-border p-12px">
		<OutputVariables v-model="formData.outputs" :set-type="false" :set-value="true" />
		<NodeRuntimeConfig v-model="formData" />
	</el-scrollbar>
</template>
