import 'svelte/internal/disclose-version';
import 'svelte/internal/flags/legacy';
import * as $ from 'svelte/internal/client';
import Child from './Child.svelte';
var root = $.template(`<!> <p> </p>`, 1);
export default function App($$anchor) {
let inputBoxValue = $.mutable_state('');
var fragment = root();
var node = $.first_child(fragment);
Child(node, {
onChange: (newValue) => $.set(inputBoxValue, newValue)
});
var p = $.sibling(node, 2);
var text = $.child(p);
$.reset(p);
$.template_effect(() => $.set_text(text, `Input box value is: ${$.get(inputBoxValue) ?? ''}`));
$.append($$anchor, fragment);
}