RawLayout.tsx 764 B

12345678910111213141516171819202122232425262728293031323334
  1. import React, { ReactNode } from 'react';
  2. import Head from 'next/head';
  3. import { ThemeProvider } from '~/pages/ThemeProvider';
  4. type Props = {
  5. title: string,
  6. className?: string,
  7. children?: ReactNode,
  8. }
  9. export const RawLayout = ({ children, title, className }: Props): JSX.Element => {
  10. const classNames: string[] = ['wrapper'];
  11. if (className != null) {
  12. classNames.push(className);
  13. }
  14. return (
  15. <>
  16. <Head>
  17. <title>{title}</title>
  18. <meta charSet="utf-8" />
  19. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  20. </Head>
  21. <ThemeProvider theme="">
  22. <div className={classNames.join(' ')} data-light={true}>
  23. {children}
  24. </div>
  25. </ThemeProvider>
  26. </>
  27. );
  28. };