From b4010122f2033137e7dc73c72fe46d72b11fb43e Mon Sep 17 00:00:00 2001
From: Katie McFaul <kmcfaul@redhat.com>
Date: Thu, 21 Apr 2022 10:57:39 -0400
Subject: [PATCH] feat(CodeBlock): add class to code component

---
 .../src/components/CodeBlock/CodeBlockCode.tsx         | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/react-core/src/components/CodeBlock/CodeBlockCode.tsx b/packages/react-core/src/components/CodeBlock/CodeBlockCode.tsx
index 797969c6418..274b23c6851 100644
--- a/packages/react-core/src/components/CodeBlock/CodeBlockCode.tsx
+++ b/packages/react-core/src/components/CodeBlock/CodeBlockCode.tsx
@@ -5,14 +5,20 @@ import { css } from '@patternfly/react-styles';
 export interface CodeBlockCodeProps extends React.HTMLProps<HTMLPreElement> {
   /** Code rendered inside the code block */
   children?: React.ReactNode;
+  /** Additional classes passed to the code block pre wrapper */
+  className?: string;
+  /** Additional classes passed to the code block code */
+  codeClassName?: string;
 }
 
 export const CodeBlockCode: React.FunctionComponent<CodeBlockCodeProps> = ({
   children = null,
+  className,
+  codeClassName,
   ...props
 }: CodeBlockCodeProps) => (
-  <pre className={css(styles.codeBlockPre)} {...props}>
-    <code className={css(styles.codeBlockCode)}>{children}</code>
+  <pre className={css(styles.codeBlockPre, className)} {...props}>
+    <code className={css(styles.codeBlockCode, codeClassName)}>{children}</code>
   </pre>
 );