Files
react-test/docs/data/joy/getting-started/templates/messages/App.tsx

22 lines
649 B
TypeScript
Raw Normal View History

2025-12-12 14:26:25 +09:00
import { CssVarsProvider } from '@mui/joy/styles';
import CssBaseline from '@mui/joy/CssBaseline';
import Box from '@mui/joy/Box';
import Sidebar from './components/Sidebar';
import Header from './components/Header';
import MyMessages from './components/MyMessages';
export default function JoyMessagesTemplate() {
return (
<CssVarsProvider disableTransitionOnChange>
<CssBaseline />
<Box sx={{ display: 'flex', minHeight: '100dvh' }}>
<Sidebar />
<Header />
<Box component="main" className="MainContent" sx={{ flex: 1 }}>
<MyMessages />
</Box>
</Box>
</CssVarsProvider>
);
}