@jbrowse/plugin-linear-genome-view/esm/BaseLinearDisplay/components/BlockMsg.js

JBrowse 2 linear genome view

import { jsx as _jsx } from "react/jsx-runtime";
import { makeStyles } from '@jbrowse/core/util/tss-react';
import { Alert, Tooltip } from '@mui/material';
const useStyles = makeStyles()({
    ellipses: {
        textOverflow: 'ellipsis',
        overflow: 'hidden',
    },
    content: {
        textOverflow: 'ellipsis',
        overflow: 'hidden',
        whiteSpace: 'nowrap',
        maxWidth: '80%',
        textAlign: 'center',
    },
});
export default function BlockMsg({ message, severity, action, }) {
    const { classes } = useStyles();
    return (_jsx(Alert, { severity: severity, action: action, classes: {
            message: classes.ellipses,
        }, onMouseDown: event => {
            event.stopPropagation();
        }, onClick: event => {
            event.stopPropagation();
        }, children: _jsx(Tooltip, { title: message, children: _jsx("div", { className: classes.content, children: message }) }) }));
}