Function DemoNodeSection

site/ui/DemoNodeSection.tsx:21–38

({
  node,
})

};

export const DemoNodeSection: FunctionComponent<{readonly node: Node}> = ({
  node,
}) => {
  const {id, name, url} = node;
  const {body, summary} = getThumbnailMarkdown(node);
  const srcDoc = (node as Node & {__demoDoc?: string}).__demoDoc;

  return (
    <section className="s1" id={url} data-id={id}>
      <h1>{name}</h1>
      <iframe srcDoc={srcDoc} />
      {summary == null ? null : (
        <Markdown markdown={bumpMarkdownHeadings(summary)} />
      )}
      {body == null ? null : <Markdown markdown={bumpMarkdownHeadings(body)} />}
    </section>
  );
};