Missing customRootClass issue #619 #620 (#648)

Author: jindaljyoti

src/components/ui/Code/Code.tsx

@@ -1,12 +1,19 @@
 'use client';
 import React from 'react';
 import { clsx } from 'clsx';
+import { customClassSwitcher } from '~/core';
+
+const COMPONENT_NAME = 'Code';
+
 export type CodeProps= {
     children: React.ReactNode;
+    customRootClass?: string;
 }
 
-const Code = ({ children }: CodeProps) => {
-    return <code className={clsx('rui-code-root')}>
+const Code = ({ children, customRootClass='' }: CodeProps) => {
+      const rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME)
+
+    return <code className={clsx(rootClass)}>
         {children}
     </code>;
 };

styles/themes/components/code.scss

@@ -1,4 +1,4 @@
-.rui-code-root{
+.rad-ui-code{
     color: var(--rad-ui-color-accent-950);
     background-color: var(--rad-ui-color-accent-400);
     padding: 1px 10px; // Add space for readability