@centreon/react-components/lib/MaterialComponents/RightPanel/ExpandableSection.js

react components used by centreon web frontend

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));

var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));

var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails"));

var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));

var _core = require("@material-ui/core");

var _styles = require("@material-ui/core/styles");

var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var Title = (0, _styles.styled)(_core.Typography)(function (_ref) {
  var theme = _ref.theme;
  return {
    fontSize: theme.typography.pxToRem(15),
    fontWeight: 700
  };
});
var Section = (0, _styles.styled)(_ExpansionPanel["default"])({
  width: '100%',
  margin: '0',
  backgroundColor: 'transparent',
  boxShadow: 'none',
  borderBottom: '1px solid #bcbdc0',
  borderRadius: '0'
});

var ExpandableSection = function ExpandableSection(_ref2) {
  var title = _ref2.title,
      children = _ref2.children;
  return _react["default"].createElement(Section, null, _react["default"].createElement(_ExpansionPanelSummary["default"], {
    expandIcon: _react["default"].createElement(_ExpandMore["default"], null)
  }, _react["default"].createElement(Title, null, title)), _react["default"].createElement(_ExpansionPanelDetails["default"], null, _react["default"].createElement(_ListItem["default"], null, children)));
};

ExpandableSection.defaultProps = {
  title: ''
};
ExpandableSection.propTypes = {
  title: _propTypes["default"].string,
  children: _propTypes["default"].node.isRequired
};
var _default = ExpandableSection;
exports["default"] = _default;