import * as React from 'react';
import {Layouts, Widgets} from '@tesseract-design/viewfinder-react';
import Link from 'next/link';
import {Brand} from '@/components/Brand';
import {PLATFORMS} from '@/utils/data';
export interface Page {
id: string;
href: string;
label: string;
}
export interface DocsLayoutProps {
componentPages?: { name: string; components: Page[] }[];
docsPages?: Page[];
examplePages?: Page[];
sidebarOpen?: boolean;
platforms?: any;
children?: React.ReactNode;
currentPlatform?: string;
currentVersion?: string;
}
const createSidebarPageLink = (p: Page) => (
{p.label}
);
export const DocsLayout: React.FC = ({
sidebarOpen = false,
componentPages = [],
docsPages = [],
examplePages = [],
platforms = [],
currentPlatform,
currentVersion,
children,
}) => {
return (
}
menuLink={
}
/>
}
sidebarBaseWidget={
{/*
*/}
{/*
*/}
{/* */}
{/* Categories*/}
{/*
*/}
{/* */}
{/* {componentPages.map(({name, components}) => (*/}
{/*
*/}
{/* ))}*/}
{/*
*/}
{/*
*/}
}
>
{children}
)
};