I am using next js and Mui 5 and I want to use breakpoint theme into another file. I am unable to understand how can I use it. This is my breakpoint.js file
import {createTheme } from '@mui/material/styles';
declare module '@mui/material/styles' {
interface BreakpointOverrides {
xs: false;
sm: false;
md: false;
lg: false;
xl: false;
mobile: true;
tablet: true;
laptop: true,
desktop: true;
}
}
export const breakpointTheme = createTheme({
breakpoints: {
values: {
mobile: 360,
tablet: 768,
laptop: 1024,
desktop: 1440,
},
},
});This is the file in which I want to use breakpointTheme inside my theme of the other file.
export const theme = responsiveFontSizes(createTheme({
palette: {
warning: {
light: warningLight,
main: warning,
dark: warningDark,
},
info: {
light: infoLight,
main: info,
dark: infoDark,
},
// here I want to use breakpoint component
},
}));