---
import type { BigNestedObject } from '../types';
import Component from '../components/React';

const object: BigNestedObject = {
	nested: {
		date: new Date('Thu, 09 Jun 2022 14:18:27 GMT')
	},
	more: {
		another: {
			exp: /ok/
		}
	}
};

const map = new Map<string,string>();
map.set('test1', 'test2');
map.set('test3', 'test4');

const set = new Set<string>();
set.add('test1');
set.add('test2');
---

<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width" />
		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
	</head>
	<body>
		<main>
			<Component
				client:load
				undefined={undefined}
				null={null}
				boolean={true}
				number={16}
				string={"abc"}
				bigint={11n}
				object={object}
				array={[0, "foo"]}
				map={map}
				set={set}
			/>
		</main>
	</body>
</html>
