www/components/layout.tsx

27 lines
679 B
TypeScript
Raw Normal View History

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;