1
|
import { Container, Paper, Typography } from '@mui/material'
|
2
|
import CatalogTable from './CatalogTable'
|
3
|
import { Fragment } from 'react'
|
4
|
import CatalogFilter from './CatalogFilter'
|
5
|
|
6
|
// Catalog page
|
7
|
const Catalog = () => (
|
8
|
<Fragment>
|
9
|
<Typography variant="h3" sx={{ mb: 2 }} fontWeight="bold">
|
10
|
Catalog
|
11
|
</Typography>
|
12
|
<Paper
|
13
|
sx={{ py: 2, mt: 2 }}
|
14
|
variant="outlined"
|
15
|
style={{ minHeight: '50vh' }}
|
16
|
>
|
17
|
<Container sx={{ mt: 4 }}>
|
18
|
<CatalogFilter />
|
19
|
<CatalogTable />
|
20
|
</Container>
|
21
|
</Paper>
|
22
|
</Fragment>
|
23
|
)
|
24
|
|
25
|
export default Catalog
|