mocksaml/components/Layout.tsx

42 lines
1.5 KiB
TypeScript
Raw Normal View History

import Head from 'next/head';
2022-02-24 03:28:53 +00:00
import type { ReactNode } from 'react';
import Header from './Header';
2022-02-17 06:05:50 +00:00
2022-02-18 08:56:42 +00:00
type LayoutProps = {
children: ReactNode;
};
2022-02-24 04:16:49 +00:00
2022-02-18 08:56:42 +00:00
export default function Layout({ children }: LayoutProps) {
const title = 'Mock SAML - A free SAML 2.0 Identity Provider for testing SAML SSO integrations.';
2022-03-02 20:53:00 +00:00
const description = 'A free SAML 2.0 Identity Provider for testing SAML SSO integrations.';
2022-03-01 12:47:34 +00:00
const website = 'https://mocksaml.com';
const ogImage = `${website}/mock-saml-preview-image.png`;
2022-02-17 06:05:50 +00:00
return (
<>
<Head>
<meta charSet='utf-8' />
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
<title>{title}</title>
<meta name='description' content={description} />
<meta name='author' content='BoxyHQ' />
<meta property='og:url' content={website} />
<meta property='og:type' content='website' />
<meta property='og:title' content={title} />
<meta property='og:description' content={description} />
<meta property='og:image' content={ogImage} />
<meta name='twitter:card' content='summary_large_image' />
<meta property='twitter:domain' content='mocksaml.com' />
<meta property='twitter:url' content={website} />
<meta name='twitter:title' content={title} />
<meta name='twitter:description' content={description} />
<meta name='twitter:image' content={ogImage} />
</Head>
<Header />
2022-02-24 06:20:40 +00:00
<main className='h-[calc(100%_-_80px)] overflow-auto'>{children}</main>
2022-02-17 06:05:50 +00:00
</>
2022-02-18 08:56:42 +00:00
);
}