import { jsx as _jsx } from "react/jsx-runtime";
import MuiListItemButton from '@mui/material/ListItemButton';
import { forwardRef } from 'react';
import { Tooltip } from '../Tooltip';
export const ListItemButton = forwardRef((props, ref) => {
    const { disabledReason, disabled, tooltipPlacement, note, withoutContainer = false, ...restProps } = props;
    const renderListItemButton = () => {
        return (_jsx(Tooltip, { title: disabled ? disabledReason : note, placement: tooltipPlacement, withoutContainer: !disabled, children: _jsx("div", { children: _jsx(MuiListItemButton, { ref: ref, disabled: disabled, component: "div", ...restProps, disableRipple: true }) }) }));
    };
    if (withoutContainer) {
        return renderListItemButton();
    }
    return _jsx("li", { children: renderListItemButton() });
});
