26 lines
585 B
TypeScript
26 lines
585 B
TypeScript
import React, { ReactNode } from 'react';
|
|
import { Footer } from '../Footer';
|
|
import { Header } from '../header/Header';
|
|
import { SearchOverlay } from '../search/SearchOverlay';
|
|
|
|
interface Props {
|
|
children: ReactNode;
|
|
}
|
|
|
|
export default function Layout({ children }: Props) {
|
|
return (
|
|
<div style={{ height: '100vh' }} className="flex flex-col justify-between">
|
|
<div className="relative flex-grow">
|
|
<SearchOverlay />
|
|
<Header />
|
|
|
|
<div className="flex-grow">{children}</div>
|
|
</div>
|
|
|
|
<div>
|
|
<Footer />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|