Function CodeBlock

packages/dev/s2-docs/src/CodeBlock.tsx:81–165

({
  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(STARTER_ALIAS_RE, './');

  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}
      />
    );
  }

  // If the example imports a component from the hooks starter, offer a per-component
  // "Install with shadcn" command pointing at its hooks registry item.
  let hooksComponent = files
    ?.map(f => /starters\/hooks\/src\/([A-Za-z0-9]+)\.tsx$/.exec(f)?.[1])
    .find(Boolean);

  let content = (
    <ShadcnProvider value={hooksComponent ? {type: 'hooks', component: hooksComponent} : null}>