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

JBrowse 2 linear genome view

import { jsx as _jsx } from "react/jsx-runtime";
import { makeStyles } from '@jbrowse/core/util/tss-react';
import { Typography } from '@mui/material';
import { observer } from 'mobx-react';
const useStyles = makeStyles()({
    bp: {
        display: 'flex',
        alignItems: 'center',
        marginLeft: 5,
        cursor: 'pointer',
    },
});
const HeaderRegionWidth = observer(function HeaderRegionWidth({ model, }) {
    const { classes } = useStyles();
    const { effectiveTotalBpDisplayStr } = model;
    return (_jsx(Typography, { variant: "body2", color: "textSecondary", className: classes.bp, children: effectiveTotalBpDisplayStr }));
});
export default HeaderRegionWidth;