wishlist-client/components/layout/home/HomeLayout.tsx
kjuulh 13e5d967ce
Some checks failed
continuous-integration/drone/pr Build is failing
continuous-integration/drone/push Build is passing
Fix missing children
2022-10-27 21:46:17 +02:00

25 lines
642 B
TypeScript

import { FC, ReactElement, ReactNode } from 'react'
import { inspect } from 'util'
import styles from './HomeLayout.module.scss'
interface HomeLayoutProps {
page: string
children?: ReactNode
}
const HomeLayout: FC<HomeLayoutProps> = (props) => {
return (
<div className="min-h-screen bg-pink-50">
<div className={styles.root + ' space-x-6 pt-14'}>
<h1 className="space-x-2 text-2xl transition-all">
<span>Wishes</span>
<span>/</span>
<span>{props.page}</span>
</h1>
<main className="pt-20">{props.children}</main>
</div>
</div>
)
}
export default HomeLayout