Function code

frontend/src/components/Chat/MessageBubble.tsx:51–70

({className, children, ...props}: any)

                remarkPlugins={[remarkGfm]}
                components={{
                  code({className, children, ...props}: any) {
                    const match = /language-(\w+)/.exec(className || '');
                    const isInline = !match;
                    
                    if (!isInline && match) {
                      return (
                        <pre className="bg-code-bg text-code-text p-4 rounded-md overflow-x-auto">
                          <code className={className} {...props}>
                            {children}
                          </code>
                        </pre>
                      );
                    }
                    
                    return (
                      <code className="text-accent bg-code-bg px-1 py-0.5 rounded text-sm" {...props}>
                        {children}
                      </code>
                    );
                  }
                }}
              >
                {message.content}