Merge pull request #526 from imchell/spacer-story

fix(react-spacer): spacer stories
nextui-org · Jun 9, 2022 · d3c7f53 · d3c7f53 · github-actions · Jun 9, 2022
2 parents cf55e67 + 93a5da7
commit d3c7f53
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/react/src/spacer/spacer.stories.tsx b/packages/react/src/spacer/spacer.stories.tsx
@@ -5,7 +5,7 @@ import useTheme from '../use-theme';
 
 export default {
   title: 'Layout/Spacer',
-  component: Spacer,
+  component: Spacer
 } as Meta;
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -17,7 +17,7 @@ const Container = ({ children, vertical }: any) => (
       justifyContent: 'space-between',
       width: '100%',
       maxWidth: '50%',
-      minWidth: '50%',
+      minWidth: '50%'
     }}
   >
     {children}
@@ -26,13 +26,13 @@ const Container = ({ children, vertical }: any) => (
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const SpacerContainer = ({ children }: any) => {
-  const theme = useTheme();
+  const { theme } = useTheme();
   return (
     <div
       style={{
         width: '100%',
-        background: theme.palette.primary,
-        borderRadius: '8px',
+        background: theme?.colors.primary.value,
+        borderRadius: '8px'
       }}
     >
       {children}