@jbrowse/plugin-linear-genome-view
Version:
JBrowse 2 linear genome view
28 lines (27 loc) • 1.46 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = HeaderPanControls;
const jsx_runtime_1 = require("react/jsx-runtime");
const ArrowBack_1 = __importDefault(require("@mui/icons-material/ArrowBack"));
const ArrowForward_1 = __importDefault(require("@mui/icons-material/ArrowForward"));
const material_1 = require("@mui/material");
const mui_1 = require("tss-react/mui");
const consts_1 = require("../consts");
const useStyles = (0, mui_1.makeStyles)()(theme => ({
panButton: {
background: (0, material_1.alpha)(theme.palette.background.paper, 0.8),
color: theme.palette.text.primary,
margin: consts_1.SPACING,
},
}));
function HeaderPanControls({ model }) {
const { classes } = useStyles();
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", className: classes.panButton, onClick: () => {
model.slide(-0.9);
}, children: (0, jsx_runtime_1.jsx)(ArrowBack_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", className: classes.panButton, onClick: () => {
model.slide(0.9);
}, children: (0, jsx_runtime_1.jsx)(ArrowForward_1.default, {}) })] }));
}