Face-Recognition/app/layouts/components/horizontal/AppBarContent.tsx
2024-04-16 16:48:06 +07:00

28 lines
737 B
TypeScript

// ** MUI Imports
import Box from '@mui/material/Box'
// ** Type Import
import { Settings } from 'src/@core/context/settingsContext'
// ** Components
import ModeToggler from 'src/@core/layouts/components/shared-components/ModeToggler'
import UserDropdown from 'src/@core/layouts/components/shared-components/UserDropdown'
interface Props {
settings: Settings
saveSettings: (values: Settings) => void
}
const AppBarContent = (props: Props) => {
// ** Props
const { settings, saveSettings } = props
return (
<Box sx={{ display: 'flex', alignItems: 'center' }}>
<ModeToggler settings={settings} saveSettings={saveSettings} />
<UserDropdown settings={settings} />
</Box>
)
}
export default AppBarContent