<script lang="ts">
	import type { AppInput } from '../../inputType'

	interface Props {
		input: AppInput
	}

	let { input }: Props = $props()
</script>

{#if input.type === 'connected'}
	<div class="flex gap-2 flex-col">
		<div>This component is expecting a connected input: </div>
		<div>
			<code class="bg-gray-50 border text-primary">{input.connection?.path} </code>
		</div>
	</div>
{/if}
