import { IPageData } from "@documentalist/client" ; import * as React from "react" ; import { Classes } from "@blueprintjs/core" ; import { TagRendererMap } from "../tags" ; import { renderBlock } from "./block" ; export interface IPageProps { page : IPageData ; renderActions : ( page : IPageData ) => React . ReactNode ; tagRenderers : TagRendererMap ; } export const Page = ( { page , renderActions , tagRenderers } ) => { const pageContents = renderBlock ( page , tagRenderers , Classes . TEXT_LARGE ) ; return ( < div className = "docs-page" data - page - id = { page . route } > { renderActions && < div className = "docs-page-actions" > { renderActions ( page ) } < /div>} { pageContents } < /div>); } ;