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

JBrowse 2 linear genome view

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const util_1 = require("@jbrowse/core/util");
const material_1 = require("@mui/material");
const mobx_react_1 = require("mobx-react");
const mui_1 = require("tss-react/mui");
const useStyles = (0, mui_1.makeStyles)()({
    bp: {
        display: 'flex',
        alignItems: 'center',
        marginLeft: 5,
        cursor: 'pointer',
    },
});
const HeaderRegionWidth = (0, mobx_react_1.observer)(function ({ model, }) {
    const { classes } = useStyles();
    const { coarseTotalBp } = model;
    return ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: "textSecondary", className: classes.bp, children: (0, util_1.getBpDisplayStr)(coarseTotalBp) }));
});
exports.default = HeaderRegionWidth;