# All files / src/components code-block.tsx

100% Statements 2/2
100% Branches 0/0
100% Functions 1/1
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23

    8x
    2x

     import { type HTMLAttributes } from 'react';
    import cn from 'classnames';

    import '../styles/components/code-block.scss';

    type Props = HTMLAttributes<HTMLPreElement> & {
      /**
       * Activate light mode or defaults to dark mode
       */
      lightMode?: boolean;
    };

    const CodeBlock = ({ lightMode, children, className, ...props }: Props) => (
      <pre
        className={cn('codeblock', { 'codeblock-light': lightMode }, className)}
        {...props}
      >
        <code>{children}</code>
      </pre>
    );

    export default CodeBlock;