[docs] Fix styleOverrides usage in README

Signed-off-by: Brijesh Bittu <brijeshb42@gmail.com>
brijeshb42 · May 28, 2024 · f4fdac2 · f4fdac2
1 parent 698f036
commit f4fdac2
Showing 1 changed file with 30 additions and 26 deletions.
diff --git a/README.md b/README.md
@@ -1054,16 +1054,18 @@ module.exports = withPigment(
   { ...nextConfig },
   {
     theme: {
-      styleOverrides: {
+      components: {
         PigmentStat: {
-          root: {
-            backgroundColor: 'tomato',
-          },
-          value: {
-            color: 'white',
-          },
-          unit: {
-            color: 'white',
+          styleOverrides: {
+            root: {
+              backgroundColor: 'tomato',
+            },
+            value: {
+              color: 'white',
+            },
+            unit: {
+              color: 'white',
+            },
           },
         },
       },
@@ -1084,25 +1086,27 @@ module.exports = withPigment(
         primary: 'tomato',
         primaryLight: 'lightcoral',
       },
-      styleOverrides: {
+      components: {
         PigmentStat: {
-          root: ({ theme }) => ({
-            backgroundColor: 'tomato',
-            variants: [
-              {
-                props: { variant: 'outlined' },
-                style: {
-                  border: `2px solid ${theme.colors.primary}`,
-                  backgroundColor: theme.colors.primaryLight,
+          styleOverrides: {
+            root: ({ theme }) => ({
+              backgroundColor: 'tomato',
+              variants: [
+                {
+                  props: { variant: 'outlined' },
+                  style: {
+                    border: `2px solid ${theme.colors.primary}`,
+                    backgroundColor: theme.colors.primaryLight,
+                  },
                 },
-              },
-            ],
-          }),
-          value: {
-            color: 'white',
-          },
-          unit: {
-            color: 'white',
+              ],
+            }),
+            value: {
+              color: 'white',
+            },
+            unit: {
+              color: 'white',
+            },
           },
         },
       },