import type { Metadata, Viewport } from 'next';
import './globals.css';

export const metadata: Metadata = {
	title: '⛧',
	// description: '',
	openGraph: {
		// title: '⛧',
		// description: '',
		images: [
			{
				url: 'https://neru.rip/img/ok.jpg',
				width: 734,
				height: 1104,
			},
		],
	}
};

export const viewport: Viewport = {
  themeColor: '#fbcfe8',
}

export default function RootLayout({
	children
}: Readonly<{
	children: React.ReactNode;
}>) {
	return (
		<>
			<link
				rel='apple-touch-icon'
				sizes='180x180'
				href='/apple-touch-icon.png'
			/>
			<link
				rel='icon'
				type='image/png'
				sizes='32x32'
				href='/favicon-32x32.png'
			/>
			<link
				rel='icon'
				type='image/png'
				sizes='16x16'
				href='/favicon-16x16.png'
			/>
			<link rel='manifest' href='/site.webmanifest' />
			<html lang='en'>
				<body className={`antialiased`}>{children}</body>
			</html>
		</>
	);
}
