import 'svelte/internal/disclose-version';
import * as $ from 'svelte/internal/client';
var root = $.template(`<label><input type="checkbox"> big</label> <div class="svelte-crddqb"> </div>`, 1);
export default function App($$anchor) {
let big = $.state(false);
var fragment = root();
var label = $.first_child(fragment);
var input = $.child(label);
$.remove_input_defaults(input);
$.next();
$.reset(label);
var div = $.sibling(label, 2);
var text = $.child(div);
$.reset(div);
$.template_effect(() => {
$.toggle_class(div, 'big', $.get(big));
$.set_text(text, `some ${($.get(big) ? 'big' : 'small') ?? ''} text`);
});
$.bind_checked(input, () => $.get(big), ($$value) => $.set(big, $$value));
$.append($$anchor, fragment);
}