/* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, createElement, createText, detachNode, flush, init, insert, run, safe_not_equal } from "svelte/internal";

function create_fragment(component, ctx) {
	var div0, text, div1, div1_style_value, current;

	return {
		c() {
			div0 = createElement("div");
			text = createText("\n");
			div1 = createElement("div");
			div0.style.cssText = ctx.style;
			div1.style.cssText = div1_style_value = "" + ctx.key + ": " + ctx.value;
		},

		m(target, anchor) {
			insert(target, div0, anchor);
			insert(target, text, anchor);
			insert(target, div1, anchor);
			current = true;
		},

		p(changed, ctx) {
			if (changed.style) {
				div0.style.cssText = ctx.style;
			}

			if ((changed.key || changed.value) && div1_style_value !== (div1_style_value = "" + ctx.key + ": " + ctx.value)) {
				div1.style.cssText = div1_style_value;
			}
		},

		i(target, anchor) {
			if (current) return;
			this.m(target, anchor);
		},

		o: run,

		d(detach) {
			if (detach) {
				detachNode(div0);
				detachNode(text);
				detachNode(div1);
			}
		}
	};
}

function define($$self, $$props) {
	let { style, key, value } = $$props;

	$$self.$$.get = () => ({ style, key, value });

	$$self.$$.set = $$props => {
		if ('style' in $$props) style = $$props.style;
		if ('key' in $$props) key = $$props.key;
		if ('value' in $$props) value = $$props.value;
	};
}

class SvelteComponent extends SvelteComponent_1 {
	constructor(options) {
		super();
		init(this, options, define, create_fragment, safe_not_equal);
	}

	get style() {
		return this.$$.get().style;
	}

	set style(value) {
		this.$set({ style: value });
		flush();
	}

	get key() {
		return this.$$.get().key;
	}

	set key(value) {
		this.$set({ key: value });
		flush();
	}

	get value() {
		return this.$$.get().value;
	}

	set value(value) {
		this.$set({ value: value });
		flush();
	}
}

export default SvelteComponent;