import { create as create_element } from './index.js'

class Native {
	constructor(tag) {
		this.tag = tag;
	}

	new(options) {
		const children = options?.children ?? []

		if (options) {
			delete options.children;
		}

		const element = create_element(this.tag, options);

		children.forEach(child => {
			element.append(child);
		})

		return element;
	}
}


const target = {};

const handler = {
	get(target, prop, receiver) {
		return new Native(prop);
	}
};

export const native = new Proxy(target, handler);