How to use the material-ui-popup-state/hooks.bindHover function in material-ui-popup-state

To help you get started, we’ve selected a few material-ui-popup-state examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github the-rango / AntAlmanac / client / src / components / SectionTable / SectionTableBody.js View on Github external
const SectionEnrollmentCell = withStyles(styles)((props) => {
    const {
        classes,
        numCurrentlyEnrolled,
        maxCapacity,
        numOnWaitlist,
        numNewOnlyReserved,
    } = props;
    const popupState = usePopupState({ variant: 'popover' });

    return (
        
            <div>
                <strong>
                    {`${numCurrentlyEnrolled.totalEnrolled}` +
                        ' / ' +
                        `${maxCapacity}` +
                        '\n'}
                </strong>
                {`WL: ${numOnWaitlist}` + '\n' + `NOR: ${numNewOnlyReserved}`}
            </div>