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

JBrowse 2 linear genome view

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