@mui/x-data-grid
Version:
The Community plan edition of the Data Grid components (MUI X).
25 lines • 919 B
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import * as React from 'react';
import clsx from 'clsx';
import { styled } from '@mui/system';
import { unstable_composeClasses as composeClasses } from '@mui/utils';
import { gridClasses, getDataGridUtilityClass } from '../../constants/gridClasses';
import { jsx as _jsx } from "react/jsx-runtime";
const useUtilityClasses = () => {
const slots = {
root: ['bottomContainer']
};
return composeClasses(slots, getDataGridUtilityClass, {});
};
const Element = styled('div')({
position: 'sticky',
zIndex: 4,
bottom: 'calc(var(--DataGrid-hasScrollX) * var(--DataGrid-scrollbarSize))'
});
export function GridBottomContainer(props) {
const classes = useUtilityClasses();
return /*#__PURE__*/_jsx(Element, _extends({}, props, {
className: clsx(classes.root, props.className, gridClasses['container--bottom']),
role: "presentation"
}));
}