import styled from material/styles

suren-atoyan · Jan 6, 2024 · 6af9fa1 · 6af9fa1
1 parent f5c6699
commit 6af9fa1
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -118,7 +118,7 @@ You have access to `theme` object via `sx` prop and `styled-components`:
 ```js
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 
 // styled-components
 const MyCoolButton = styled(Button)(({ theme }) => ({

diff --git a/src/components/styled.ts b/src/components/styled.ts
@@ -1,5 +1,5 @@
 import Box from '@mui/material/Box';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 
 const FlexBox = styled(Box)({
   display: 'flex',

diff --git a/src/pages/Welcome/styled.ts b/src/pages/Welcome/styled.ts
@@ -1,4 +1,4 @@
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 
 const Image = styled('img')({
   width: '10%',

diff --git a/src/sections/Header/styled.ts b/src/sections/Header/styled.ts
@@ -1,5 +1,5 @@
 import Button from '@mui/material/Button';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 
 const HotKeysButton = styled(Button)(({ theme }) => ({
   height: 'fit-content',