29 lines
841 B
TypeScript
29 lines
841 B
TypeScript
|
import * as React from 'react';
|
||
|
|
import Divider from '@mui/material/Divider';
|
||
|
|
import type {} from '@mui/material/themeCssVarsAugmentation';
|
||
|
|
import DashboardSidebarContext from '../context/DashboardSidebarContext';
|
||
|
|
import { getDrawerSxTransitionMixin } from '../mixins';
|
||
|
|
|
||
|
|
export default function DashboardSidebarDividerItem() {
|
||
|
|
const sidebarContext = React.useContext(DashboardSidebarContext);
|
||
|
|
if (!sidebarContext) {
|
||
|
|
throw new Error('Sidebar context was used without a provider.');
|
||
|
|
}
|
||
|
|
const { fullyExpanded = true, hasDrawerTransitions } = sidebarContext;
|
||
|
|
|
||
|
|
return (
|
||
|
|
<li>
|
||
|
|
<Divider
|
||
|
|
sx={{
|
||
|
|
borderBottomWidth: 1,
|
||
|
|
my: 1,
|
||
|
|
mx: -0.5,
|
||
|
|
...(hasDrawerTransitions
|
||
|
|
? getDrawerSxTransitionMixin(fullyExpanded, 'margin')
|
||
|
|
: {}),
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
</li>
|
||
|
|
);
|
||
|
|
}
|