import 'svelte/internal/disclose-version';
import 'svelte/internal/flags/legacy';
import * as $ from 'svelte/internal/client';
var root = $.template(`<div><div> </div> <div> </div> <button>Click</button></div>`);
export default function App($$anchor, $$props) {
$.push($$props, false);
const remaining = $.mutable_state();
let count = $.mutable_state(0);
const increment = () => {
if ($.get(remaining) > 0) {
$.update(count);
}
};
$.legacy_pre_effect(() => ($.get(count)), () => {
$.set(remaining, 10 - $.get(count));
});
$.legacy_pre_effect_reset();
var div = root();
var div_1 = $.child(div);
var text = $.child(div_1);
$.reset(div_1);
var div_2 = $.sibling(div_1, 2);
var text_1 = $.child(div_2);
$.reset(div_2);
var button = $.sibling(div_2, 2);