const element = jsx('div', {
	className: 'greeting',
	children: 'Hello World!',
});
mount(element, { target: container });

const button = jsx('button', {
	onClick: () => alert('Clicked!'),
	className: 'btn',
	children: 'Click me',
});

const component = jsx('div', {
	children: [
		jsx('h1', { children: 'Title' }),
		jsx('p', { children: 'Content' }),
		jsx('ul', {
			children: [jsx('li', { children: 'Item 1' }), jsx('li', { children: 'Item 2' })],
		}),
	],
});

const svg = jsx('svg', {
	width: '100',
	height: '100',
	children: jsx('circle', {
		cx: '50',
		cy: '50',
		r: '40',
		fill: 'blue',
	}),
});

const fragment = Fragment({
	children: [jsx('h1', { children: 'Title' }), jsx('p', { children: 'Content' }), 'Raw text'],
});