import 'svelte/internal/disclose-version';
import * as $ from 'svelte/internal/client';
import { onInterval } from './utils.js';
var root = $.template(`<p> </p>`);
export default function App($$anchor, $$props) {
$.push($$props, true);
let seconds = $.state(0);
onInterval(() => $.set(seconds, $.get(seconds) + 1), 1000);
var p = root();
var text = $.child(p);
$.reset(p);
$.template_effect(() => $.set_text(text, `The page has been open for
${$.get(seconds) ?? ''}
${($.get(seconds) === 1 ? 'second' : 'seconds') ?? ''}`));
$.append($$anchor, p);
$.pop();
}