function TerminalBlock()

in beta/src/components/MDX/TerminalBlock.tsx [26:52]

• 26 lines of code
• 4 McCabe index (conditional complexity)

function TerminalBlock({level = 'info', children}: TerminalBlockProps) {
  let message: string | undefined;
  if (typeof children === 'string') {
    message = children;
  } else if (
    React.isValidElement(children) &&
    typeof children.props.children === 'string'
  ) {
    message = children.props.children;
  }

  return (
    <div
      className="rounded-lg bg-secondary dark:bg-gray-50 h-full"
      translate="no">
      <div className="bg-gray-90 dark:bg-gray-60 w-full rounded-t-lg">
        <div className="text-primary-dark dark:text-primary-dark flex text-sm px-4 py-0.5 relative">
          <IconTerminal className="inline-flex mr-2 self-center" /> Terminal
        </div>
      </div>
      <div className="px-8 pt-4 pb-6 text-primary-dark dark:text-primary-dark font-mono text-code whitespace-pre">
        <LevelText type={level} />
        {message}
      </div>
    </div>
  );
}