Function code

packages/shared/src/components/RenderMarkdown.tsx:180–278

({
          node,
          inline,
          className: codeClassName,
          children,
          style,
          ...props
        })

          return <img src={src} alt={alt} {...props} />;
        },
        code({
          node,
          inline,
          className: codeClassName,
          children,
          style,
          ...props
        }) {
          const match = /language-(\w+)/.exec(codeClassName || '');
          const language = match?.[1];
          const Wrapper = language ? SyntaxHighlighterAsync : SyntaxHighlighter;
          if (language) {
            loadLanguages();
          }

          return (
            <>
              {!inline && (
                <div className="flex h-10 items-center justify-between bg-surface-float px-3">
                  <Typography
                    type={TypographyType.Callout}
                    bold
                    color={TypographyColor.Secondary}
                    tag={TypographyTag.Span}
                    className="inline leading-8"
                  >
                    {language || 'Code snippets'}
                  </Typography>
                  <div className="flex gap-2">
                    <Button
                      variant={ButtonVariant.Tertiary}
                      icon={<CopyIcon />}
                      disabled={copying || isLoading}
                      size={ButtonSize.Small}
                      onClick={() => {
                        if (onCopy) {
                          onCopy();
                        }
                        copy({
                          textToCopy: String(children),
                        });
                      }}
                    />
                    {header?.buttons ? header.buttons : null}
                  </div>
                </div>
              )}

              {!inline ? (
                <div
                  className={classNames(
                    'px-5 py-3',
                    isExpanded || !isExpandable
                      ? undefined
                      : 'max-h-[8.4375rem]',
                  )}
                  ref={(element) => {
                    if (isExpandable && element && !canExpand) {