@metacell/geppetto-meta-ui/connectivity-viewer/subcomponents/IconText.js

React components from geppetto-meta to create neuroscience applications and visualize data.

import React from 'react';
import Icon from '@mui/material/Icon';
import Typography from '@mui/material/Typography';
var classes = {
  legend: "icon-text-legend",
  gridWrapper: "icon-text-grid"
};
export default (function (_ref) {
  var icon = _ref.icon,
    subtitle = _ref.subtitle,
    color = _ref.color,
    width = _ref.width,
    height = _ref.height;
  return /*#__PURE__*/React.createElement("div", {
    className: classes.gridWrapper
  }, /*#__PURE__*/React.createElement(Icon, {
    className: icon,
    style: {
      background: color,
      width: width,
      height: height
    }
  }), /*#__PURE__*/React.createElement(Typography, {
    className: classes.legend,
    variant: "subtitle1",
    gutterBottom: true
  }, subtitle));
});