import 'svelte/internal/disclose-version';
import * as $ from 'svelte/internal/client';
import { fade } from 'svelte/transition';
var root_1 = $.template(`<p>Fades in and out</p>`);
var root = $.template(`<label><input type="checkbox"> visible</label> <!>`, 1);
export default function App($$anchor) {
let visible = $.state(true);
var fragment = root();
var label = $.first_child(fragment);
var input = $.child(label);
$.remove_input_defaults(input);
$.next();
$.reset(label);
var node = $.sibling(label, 2);
{
var consequent = ($$anchor) => {
var p = root_1();
$.transition(3, p, () => fade);
$.append($$anchor, p);
};
$.if(node, ($$render) => {
if ($.get(visible)) $$render(consequent);
});
}
$.bind_checked(input, () => $.get(visible), ($$value) => $.set(visible, $$value));
$.append($$anchor, fragment);
}