import 'svelte/internal/disclose-version';
import * as $ from 'svelte/internal/client';
var root = $.template(`<input placeholder="enter your name"> <p> </p>`, 1);
export default function App($$anchor) {
let name = $.state('');
var fragment = root();
var input = $.first_child(fragment);
$.remove_input_defaults(input);
var p = $.sibling(input, 2);
var text = $.child(p);
$.reset(p);
$.template_effect(() => $.set_text(text, `Hello ${$.get(name) || 'stranger'}!`));
$.bind_value(input, () => $.get(name), ($$value) => $.set(name, $$value));
$.append($$anchor, fragment);
}