UNPKG

materio-mui-react-nextjs-admin-template-free

Version:

Most Powerful & Comprehensive Free MUI React NextJS Admin Dashboard Template built for developers! 🚀

53 lines (49 loc) 1.71 kB
// ** MUI Imports import Box from '@mui/material/Box' import Link from '@mui/material/Link' import Typography from '@mui/material/Typography' import useMediaQuery from '@mui/material/useMediaQuery' const FooterContent = () => { // ** Var const hidden = useMediaQuery(theme => theme.breakpoints.down('md')) return ( <Box sx={{ display: 'flex', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'space-between' }}> <Typography sx={{ mr: 2 }}> {`© ${new Date().getFullYear()}, Made with `} <Box component='span' sx={{ color: 'error.main' }}> ❤️ </Box> {` by `} <Link target='_blank' href='https://themeselection.com/'> ThemeSelection </Link> </Typography> {hidden ? null : ( <Box sx={{ display: 'flex', flexWrap: 'wrap', alignItems: 'center', '& :not(:last-child)': { mr: 4 } }}> <Link target='_blank' href='https://github.com/themeselection/materio-mui-react-nextjs-admin-template-free/blob/main/LICENSE' > MIT License </Link> <Link target='_blank' href='https://themeselection.com/'> More Themes </Link> <Link target='_blank' href='https://github.com/themeselection/materio-mui-react-nextjs-admin-template-free/blob/main/README.md' > Documentation </Link> <Link target='_blank' href='https://github.com/themeselection/materio-mui-react-nextjs-admin-template-free/issues' > Support </Link> </Box> )} </Box> ) } export default FooterContent