import React from "react";
import theme from "theme";
import { Theme, Box, Button, Hr, Icon, Section } from "@quarkly/widgets";
import { Helmet } from "react-helmet";
import { GlobalQuarklyPageStyles } from "global-page-styles";
import { RawHtml } from "@quarkly/components";
import * as Components from "components";
import { MdFace } from "react-icons/md";
export default (() => {
	return <Theme theme={theme}>
		<GlobalQuarklyPageStyles pageUrl={"index"} />
		<Helmet>
			<title>
				Quarkly export
			</title>
			<meta name={"description"} content={"Web site created using quarkly.io"} />
			<link rel={"shortcut icon"} href={"https://uploads.quarkly.io/readme/cra/favicon-32x32.ico"} type={"image/x-icon"} />
		</Helmet>
		<Box
			empty-min-width="64px"
			empty-min-height="64px"
			empty-border-width="1px"
			empty-border-style="solid"
			empty-border-color="LightGray"
		/>
		<Button>
			Button
		</Button>
		<Hr min-height="10px" min-width="100%" margin="0px 0px 0px 0px" />
		<Icon category="md" icon={MdFace} size="64px" />
		<Components.Nnn />
		<Section />
		<RawHtml>
			<style place={"endOfHead"} rawKey={"61a787244b6fc5001e29f6ea"}>
				{":root {\n  box-sizing: border-box;\n}\n\n* {\n  box-sizing: inherit;\n}"}
			</style>
		</RawHtml>
	</Theme>;
});