@jbrowse/plugin-linear-genome-view/esm/LinearGenomeView/components/RubberbandTooltip.js

JBrowse 2 linear genome view

import { jsx as _jsx } from "react/jsx-runtime";
import { Popover, Typography } from '@mui/material';
import { makeStyles } from 'tss-react/mui';
const useStyles = makeStyles()(theme => {
    return {
        popover: {
            mouseEvents: 'none',
            cursor: 'crosshair',
        },
        paper: {
            paddingLeft: theme.spacing(1),
            paddingRight: theme.spacing(1),
        },
    };
});
export default function RubberbandTooltip({ anchorEl, side, text, }) {
    const { classes } = useStyles();
    return (_jsx(Popover, { className: classes.popover, classes: { paper: classes.paper }, open: true, anchorEl: anchorEl, anchorOrigin: {
            vertical: 'top',
            horizontal: side === 'left' ? 'left' : 'right',
        }, transformOrigin: {
            vertical: 'bottom',
            horizontal: side === 'left' ? 'right' : 'left',
        }, keepMounted: true, disableRestoreFocus: true, children: _jsx(Typography, { children: text }) }));
}