24 lines
601 B
TypeScript
24 lines
601 B
TypeScript
import { type Theme } from "@mui/material/styles";
|
|
|
|
export function getDrawerSxTransitionMixin(
|
|
isExpanded: boolean,
|
|
property: string
|
|
) {
|
|
return {
|
|
transition: (theme: Theme) =>
|
|
theme.transitions.create(property, {
|
|
easing: theme.transitions.easing.sharp,
|
|
duration: isExpanded
|
|
? theme.transitions.duration.enteringScreen
|
|
: theme.transitions.duration.leavingScreen,
|
|
}),
|
|
};
|
|
}
|
|
|
|
export function getDrawerWidthTransitionMixin(isExpanded: boolean) {
|
|
return {
|
|
...getDrawerSxTransitionMixin(isExpanded, "width"),
|
|
overflowX: "hidden",
|
|
};
|
|
}
|