@jbrowse/plugin-linear-genome-view
Version:
JBrowse 2 linear genome view
22 lines (21 loc) • 1.04 kB
JavaScript
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import ArrowBackIcon from '@mui/icons-material/ArrowBack';
import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
import { Button, alpha } from '@mui/material';
import { makeStyles } from 'tss-react/mui';
import { SPACING } from '../consts';
const useStyles = makeStyles()(theme => ({
panButton: {
background: alpha(theme.palette.background.paper, 0.8),
color: theme.palette.text.primary,
margin: SPACING,
},
}));
export default function HeaderPanControls({ model }) {
const { classes } = useStyles();
return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outlined", className: classes.panButton, onClick: () => {
model.slide(-0.9);
}, children: _jsx(ArrowBackIcon, {}) }), _jsx(Button, { variant: "outlined", className: classes.panButton, onClick: () => {
model.slide(0.9);
}, children: _jsx(ArrowForwardIcon, {}) })] }));
}