import React from "react";
import DocsLayout from "@material-docs/core/layout/DocsLayout";
import DocsPages from "@material-docs/core/components/DocsPages";
import DocsMenu from "@material-docs/core/components/DocsMenu";
import AutoDocsMenu from "@material-docs/core/components/AutoDocsMenu";
import DocsPage from "@material-docs/core/components/PagesGroup/DocsPage";
import PagesGroup from "@material-docs/core/components/PagesGroup/PagesGroup";


export default function MyApp() {
    return(
        <DocsLayout>
            <DocsMenu>
                <AutoDocsMenu/>
            </DocsMenu>
            <DocsPages>
                <PagesGroup name="Getting started">
                    {/*...*/}
                </PagesGroup>
                <PagesGroup name="Components">
                    <DocsPage
                        name="My page"
                        searchDescription="This is a page inside my documentation"
                    >
                        {/*...*/}
                    </DocsPage>
                </PagesGroup>
                <PagesGroup name="APIs">
                    {/*...*/}
                </PagesGroup>
            </DocsPages>
        </DocsLayout>
    );
}