import {
	SvelteComponent,
	append,
	attr,
	detach,
	element,
	init,
	insert,
	noop,
	safe_not_equal,
	set_data,
	text
} from "svelte/internal";

function add_css() {
	var style = element("style");
	style.id = "svelte-1a7i8ec-style";
	style.textContent = "p.svelte-1a7i8ec{color:red}";
	append(document.head, style);
}

function create_fragment(ctx) {
	let p;
	let t;

	return {
		c() {
			p = element("p");
			t = text(ctx.foo);
			attr(p, "class", "svelte-1a7i8ec");
		},
		m(target, anchor) {
			insert(target, p, anchor);
			append(p, t);
		},
		p(changed, ctx) {
			if (changed.foo) set_data(t, ctx.foo);
		},
		i: noop,
		o: noop,
		d(detaching) {
			if (detaching) detach(p);
		}
	};
}

function instance($$self, $$props, $$invalidate) {
	let { foo = 42 } = $$props;

	$$self.$set = $$props => {
		if ("foo" in $$props) $$invalidate("foo", foo = $$props.foo);
	};

	return { foo };
}

class Component extends SvelteComponent {
	constructor(options) {
		super();
		if (!document.getElementById("svelte-1a7i8ec-style")) add_css();
		init(this, options, instance, create_fragment, safe_not_equal, ["foo"]);
	}
}

export default Component;