import 'svelte/internal/disclose-version';
import * as $ from 'svelte/internal/client';
var root_1 = $.template(`<option> </option>`);
var root = $.template(`<select></select> <!>`, 1);
export default function App($$anchor) {
const options = ['h1', 'h3', 'p'];
let selected = $.state($.proxy(options[0]));
var fragment = root();
var select = $.first_child(fragment);
$.each(select, 21, () => options, $.index, ($$anchor, option) => {
var option_1 = root_1();
var option_1_value = {};
var text = $.child(option_1, true);
$.reset(option_1);
$.template_effect(() => {
if (option_1_value !== (option_1_value = $.get(option))) {
option_1.value = null == (option_1.__value = $.get(option)) ? '' : $.get(option);
}
$.set_text(text, $.get(option));
});
$.append($$anchor, option_1);
});
$.reset(select);
var node = $.sibling(select, 2);
$.element(node, () => $.get(selected), false, ($$element, $$anchor) => {
var text_1 = $.text();