import { PropsWithChildren } from 'react'
import Header from '@/components/client/Header'
import Footer from '@/components/server/Footer'
import colorMap from '@/lib/notion/utils/colorMap'
import './globals.css'
const notionColorsCssVars = Object.entries(colorMap)
.map(([name, colors]) =>
[
`--notion-${name}-dark-text:${colors.dark.text};`,
`--notion-${name}-dark-bg:${colors.dark.bg};`,
`--notion-${name}-light-text:${colors.light.text};`,
`--notion-${name}-light-bg:${colors.light.bg};`,
].join(''),
)
.join('')
const notionEachColorClass = Object.entries(colorMap)
.map(
([name]) =>
`.notion-color-${name}{--dark-text:var(--notion-${name}-dark-text);--dark-bg:var(--notion-${name}-dark-bg);--light-text:var(--notion-${name}-light-text);--light-bg:var(--notion-${name}-light-bg);}`,
)
.join('')
export default function BaseLayout({ children }: PropsWithChildren) {
return (
{children}
)
}