| import React, { useState } from 'react'; | import React, { useState } from 'react'; | ||||
| import { Box, Button, Paper, Typography } from '@mui/material'; | |||||
| import { Box, Button, Divider, Paper, Typography } from '@mui/material'; | |||||
| import DialogComponent from '../../components/MUI/DialogComponent'; | import DialogComponent from '../../components/MUI/DialogComponent'; | ||||
| import DrawerComponent from '../../components/MUI/DrawerComponent'; | import DrawerComponent from '../../components/MUI/DrawerComponent'; | ||||
| import Navbar from '../../components/MUI/Navbar'; | import Navbar from '../../components/MUI/Navbar'; | ||||
| flexDirection: 'column', | flexDirection: 'column', | ||||
| }} | }} | ||||
| > | > | ||||
| <Typography variant="h4" gutterBottom align="center">Modals</Typography> | |||||
| <Divider /> | |||||
| <Button onClick={() => setDialogOpen(true)}>Open Dialog</Button> | <Button onClick={() => setDialogOpen(true)}>Open Dialog</Button> | ||||
| <Button onClick={() => setDrawerOpen(true)}>Open Drawer</Button> | <Button onClick={() => setDrawerOpen(true)}>Open Drawer</Button> | ||||
| <Button | <Button |