24 lines
479 B
TypeScript
24 lines
479 B
TypeScript
import { ReactNode } from "react"
|
|
import { Box, useTheme } from "@mui/material"
|
|
|
|
export type FooterProps = {
|
|
children: ReactNode
|
|
}
|
|
|
|
export const Footer = ({ children }: FooterProps) => {
|
|
const theme = useTheme()
|
|
|
|
return (
|
|
<Box
|
|
position="fixed"
|
|
display="flex"
|
|
bottom={0}
|
|
padding={2}
|
|
width="100%"
|
|
gap={2}
|
|
sx={{ backgroundColor: theme.palette.background.default.toString(), boxShadow: 2 }}
|
|
>
|
|
{children}
|
|
</Box>
|
|
)
|
|
}
|