@jbrowse/core
Version:
JBrowse 2 core libraries used by plugins
24 lines (23 loc) • 1.27 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = BaseCard;
const jsx_runtime_1 = require("react/jsx-runtime");
const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
const material_1 = require("@mui/material");
const mui_1 = require("tss-react/mui");
const useStyles = (0, mui_1.makeStyles)()(theme => ({
expansionPanelDetails: {
display: 'block',
padding: theme.spacing(1),
},
icon: {
color: theme.palette.tertiary.contrastText || '#fff',
},
}));
function BaseCard({ children, title, defaultExpanded = true, }) {
const { classes } = useStyles();
return ((0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: defaultExpanded, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.icon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "button", children: title }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { className: classes.expansionPanelDetails, children: children })] }));
}