import React, { ReactNode } from 'react';
import { useTheme } from 'next-themes';
import Head from 'next/head';
import { useGrowiTheme } from '~/stores/context';
import { ThemeProvider } from '../Theme/utils/ThemeProvider';
type Props = {
title: string,
className?: string,
children?: ReactNode,
}
export const RawLayout = ({ children, title, className }: Props): JSX.Element => {
const classNames: string[] = ['wrapper'];
if (className != null) {
classNames.push(className);
}
const { data: growiTheme } = useGrowiTheme();
// get color scheme from next-themes
const { resolvedTheme: colorScheme } = useTheme();
return (
<>
{title}
{children}
);
};