All files / src/components/shared/Layout AuthPageLayout.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
5x
 
 
 
 
 
 
 
/**
 * AuthPageLayout Component
 *
 * Layout wrapper for authentication pages (login, register, forgot password, etc.)
 * Applies Material-UI CssBaseline to normalize styles for these pages only.
 *
 * This component isolates Material-UI styling from public pages which use Tailwind CSS.
 *
 * Architecture Decision:
 * - Public routes → No CssBaseline → Pure Tailwind CSS
 * - Auth routes → AuthPageLayout → Material-UI + CssBaseline
 * - Authenticated routes → BaseLayout → Material-UI + CssBaseline
 */
 
import { Box, CssBaseline } from '@mui/material';
import { ReactNode } from 'react';
 
interface AuthPageLayoutProps {
  children: ReactNode;
}
 
export const AuthPageLayout = ({ children }: AuthPageLayoutProps) => {
  return (
    <Box>
      <CssBaseline />
      {children}
    </Box>
  );
};