import Head from 'next/head';
import SecondaryNav from '../SecondaryNav/index';
import Footer from '../Footer/index';
import { LayoutStyle } from './styles';
import { Container } from '../Container';
import { useRouter } from 'next/router';
import { GlobalNav, NavMenuItem } from '../GlobalNav/GlobalNav';
import {
LEFT_NAV_LINKS,
RIGHT_NAV_LINKS,
SOCIAL_LINKS
} from '../../utils/globalnav';
import { forwardRef } from 'react';
const Layout = forwardRef(function Layout(
{
children,
meta,
filterKey,
filterMetadataByOption
}: {
children: any;
meta?: any;
filterKey?: string;
filterMetadataByOption?: any;
},
footerRef
) {
const router = useRouter();
if (!router.isReady) return <>;
const filterMetadata = filterKey
? filterMetadataByOption[filterKey].label
: '';
const title = !meta
? ''
: [meta.chapterTitle, meta.title, filterMetadata, 'AWS Amplify Docs']
.filter((s) => s !== '' && s !== null && s !== undefined)
.join(' - ');
const description = !meta
? ''
: [meta.description, filterMetadata, 'AWS Amplify Docs']
.filter((s) => s !== '')
.join(' - ');
const current = meta?.title?.includes('Contribut') ? 'Contribute' : 'Docs';
return (
<>
{meta && (
{`${title}`}
)}
{children}
);
});
export default Layout;