Function CodeBlock

packages/dev/s2-docs/src/CodeBlock.tsx:73–149

({
  render,
  children,
  dir,
  files,
  expanded,
  hidden,
  ...props
}: CodeBlockProps)

}

export function CodeBlock({
  render,
  children,
  dir,
  files,
  expanded,
  hidden,
  ...props
}: CodeBlockProps) {
  if (hidden) {
    return null;
  }

  let displayCode = children.replace(/(vanilla-starter|tailwind-starter)\//g, './');

  if (!render) {
    return (
      <pre className={standaloneCode}>
        <Code {...props} styles={style({display: 'block', width: 'fit', minWidth: 'full'})}>
          {displayCode}
        </Code>
      </pre>
    );
  }

  let resolveFrom = path.resolve(
    'pages',
    dir || (props.type === 's2' ? 's2' : 'react-aria'),
    'index.tsx'
  );
  let downloadFiles = getExampleFiles(resolveFrom, children, props.type);

  let code = (
    <TruncatedCode maxLines={expanded ? Infinity : 6} {...props}>
      {displayCode}
    </TruncatedCode>
  );

  if (props.docs) {
    return (
      <VisualExample
        {...props}
        component={render}
        files={files}
        downloadFiles={downloadFiles}
        code={code}
      />
    );
  }

  let content = (
    <FileProvider value={downloadFiles}>
      <CodePlatter type={props.type} showCoachMark={props.showCoachMark}>
        {code}
      </CodePlatter>
    </FileProvider>
  );