@plteam/chat-ui/dist/ui/MdBottomDrawer.js

CUI Kit is a free and open-source library for creating AI assistant chat interfaces, built with React, Material UI, and TypeScript

import * as React from 'react';
import { CloseIcon } from '../icons';
import Stack from '@mui/material/Stack';
import Box from '@mui/material/Box';
import Scrollbar from './Scrollbar';
import { useHistoryContext } from '../views/core/history/HistoryContext';
import { drawerClasses } from '@mui/material/Drawer';
const MdBottomDrawer = ({ open, onClose, title, children, disableCustomScrollbar, keepMounted, className }) => {
    const container = React.useRef(null);
    const { slots, slotProps } = useHistoryContext();
    const height = 500;
    return (React.createElement(React.Fragment, null,
        React.createElement(slots.listDrawer, { anchor: "bottom", open: open, container: () => container.current, keepMounted: keepMounted, sx: {
                [`.${drawerClasses.paper}`]: {
                    borderTopLeftRadius: 16,
                    borderTopRightRadius: 16,
                },
            }, className: className, onClose: onClose, ...slotProps.listDrawer },
            React.createElement(Stack, { pt: 0.5 },
                React.createElement(Stack, { px: 0.5, direction: "row", alignItems: "center" },
                    React.createElement(slots.baseIconButton, { onClick: onClose, ...slotProps.baseIconButton },
                        React.createElement(CloseIcon, null)),
                    !!title && (React.createElement(slots.listDrawerTitle, { variant: "subtitle1", ...slotProps.listDrawerTitle }, title))),
                !!disableCustomScrollbar && children,
                !disableCustomScrollbar && (React.createElement(Scrollbar, { style: { maxHeight: height } }, children)))),
        React.createElement(Box, { ref: container })));
};
export default MdBottomDrawer;