mirror of
https://github.com/D4M13N-D3V/comissions-app-ui.git
synced 2025-03-14 08:15:08 +00:00
58 lines
1.3 KiB
TypeScript
58 lines
1.3 KiB
TypeScript
// ** React Imports
|
|
import { ReactNode } from 'react'
|
|
|
|
// ** MUI Imports
|
|
import Box from '@mui/material/Box'
|
|
import { useTheme } from '@mui/material/styles'
|
|
|
|
// ** Type Import
|
|
import { Settings } from '../core/context/settingsContext'
|
|
|
|
// ** Footer Content Component
|
|
import FooterContent from './FooterContent'
|
|
|
|
interface Props {
|
|
settings: Settings
|
|
saveSettings: (values: Settings) => void
|
|
footerContent?: (props?: any) => ReactNode
|
|
}
|
|
|
|
const Footer = (props: Props) => {
|
|
// ** Props
|
|
const { settings, footerContent: userFooterContent } = props
|
|
|
|
// ** Hook
|
|
const theme = useTheme()
|
|
|
|
// ** Vars
|
|
const { contentWidth } = settings
|
|
|
|
return (
|
|
<Box
|
|
component='footer'
|
|
className='layout-footer'
|
|
sx={{
|
|
zIndex: 10,
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center'
|
|
}}
|
|
>
|
|
<Box
|
|
className='footer-content-container'
|
|
sx={{
|
|
width: '100%',
|
|
borderTopLeftRadius: 14,
|
|
borderTopRightRadius: 14,
|
|
padding: theme.spacing(4, 6),
|
|
...(contentWidth === 'boxed' && { '@media (min-width:1440px)': { maxWidth: 1440 } })
|
|
}}
|
|
>
|
|
{userFooterContent ? userFooterContent(props) : <FooterContent />}
|
|
</Box>
|
|
</Box>
|
|
)
|
|
}
|
|
|
|
export default Footer
|