import 'svelte/internal/disclose-version';
import 'svelte/internal/flags/legacy';
import * as $ from 'svelte/internal/client';
import { time } from './stores.js';
var root = $.template(`<h1> </h1>`);
export default function App($$anchor, $$props) {
$.push($$props, false);
const [$$stores, $$cleanup] = $.setup_stores();
const $time = () => $.store_get(time, '$time', $$stores);
const formatter = new Intl.DateTimeFormat('en', {
hour12: true,
hour: 'numeric',
minute: '2-digit',
second: '2-digit'
});
$.init();
var h1 = root();
var text = $.child(h1);
$.reset(h1);
$.template_effect(($0) => $.set_text(text, `The time is ${$0 ?? ''}`), [() => formatter.format($time())], $.derived_safe_equal);
$.append($$anchor, h1);
$.pop();
$$cleanup();
}