2021-12-08 03:38:31 +00:00
|
|
|
import Meta from './meta';
|
|
|
|
import Title from './title';
|
2022-04-28 01:55:18 +00:00
|
|
|
// import FuzzyBar from './fuzzy-bar';
|
2021-12-08 03:38:31 +00:00
|
|
|
|
2022-04-28 01:55:18 +00:00
|
|
|
type ChildrenType = JSX.Element | Array<ChildrenType>;
|
|
|
|
|
|
|
|
type LayoutProps = {
|
2021-12-08 03:38:31 +00:00
|
|
|
name: string,
|
|
|
|
title?: string,
|
|
|
|
ancestors?: Array<{ name: string, path: string }>
|
2022-04-28 01:55:18 +00:00
|
|
|
children?: ChildrenType,
|
2021-12-08 03:38:31 +00:00
|
|
|
};
|
|
|
|
|
2022-04-28 01:55:18 +00:00
|
|
|
function Layout({ name, title, children, ancestors }: LayoutProps) {
|
2021-12-08 03:38:31 +00:00
|
|
|
return (
|
|
|
|
<>
|
2022-04-28 01:55:18 +00:00
|
|
|
<Meta name={name} ancestors={ancestors} />
|
|
|
|
<Title title={title} name={name} ancestors={ancestors} />
|
|
|
|
{/* <FuzzyBar /> */}
|
2022-04-27 09:10:49 +00:00
|
|
|
<div className='container'>
|
2022-04-28 01:55:18 +00:00
|
|
|
{children}
|
2022-04-27 09:10:49 +00:00
|
|
|
</div>
|
2021-12-08 03:38:31 +00:00
|
|
|
</>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default Layout;
|