Function AppShell

website/app/components/layout/AppShell.tsx:10–25

({ children }: AppShellProps)

}

export const AppShell = ({ children }: AppShellProps) => {
	const isNotHome = useLocation().pathname !== '/';

	return (
		<>
			<a className={classes.skipLink} href="#main-content">
				Skip to content
			</a>
			<Header />
			<main id="main-content" tabIndex={-1}>
				{children}
			</main>
			{isNotHome && <Footer style={{ marginTop: 'auto' }} />}
		</>
	);
};