@makeen.io/material-ui-kit/distr/molecules/ExpansionPanel/index.js

Makeen UI components kit. Based on material-ui.

import _extends from "@babel/runtime/helpers/extends";import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject5() {var data = _taggedTemplateLiteral(["\n  & {\n    padding: 0 0 0 0 !important;\n  }\n"]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteral(["\n  & {\n    height: 88px;\n    padding-left: 10px;\n    padding-right: 10px;\n\n    .MuiIconButton-root {\n      order: -1;\n      margin-right: 5px;\n      margin-left: 5px;\n\n      .MuiIconButton-label {\n        background: #edf1f7;\n        border-radius: 50%;\n      }\n    }\n  }\n"]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteral(["\n  & {\n    margin-bottom: 24px;\n  }\n"]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteral(["\n  & {\n    font-weight: bold;\n    color: ", ";\n  }\n"]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteral([""]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import MuiExpansionPanel from "@material-ui/core/ExpansionPanel";
import MuiExpansionPanelDetails from "@material-ui/core/ExpansionPanelDetails";
import MuiExpansionPanelSummary from "@material-ui/core/ExpansionPanelSummary";
import Typography from "@material-ui/core/Typography";
import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
import styled from "styled-components";
var ExpansionPanelWrapper = styled.div(_templateObject());
var StyledTitle = styled(function (props) {return /*#__PURE__*/React.createElement(Typography, _extends({}, props));})(_templateObject2(),


function (props) {return props.theme.palette.text.primary;});


var ExpansionPanel = styled(function (props) {return /*#__PURE__*/React.createElement(MuiExpansionPanel, _extends({}, props));})(_templateObject3());




var ExpansionPanelSummary = styled(function (props) {return /*#__PURE__*/React.createElement(MuiExpansionPanelSummary, _extends({}, props));})(_templateObject4());

















var ExpansionPanelDetails = styled(function (props) {return /*#__PURE__*/React.createElement(MuiExpansionPanelDetails, _extends({}, props));})(_templateObject5());




export default (function (_ref) {var panels = _ref.panels;
  return /*#__PURE__*/React.createElement(ExpansionPanelWrapper, null, panels.map(function (_ref2) {var id = _ref2.id,title = _ref2.title,expanded = _ref2.expanded,content = _ref2.content,onChange = _ref2.onChange;return /*#__PURE__*/React.createElement(ExpansionPanel, { expanded: expanded, onChange: onChange, key: id }, /*#__PURE__*/
    React.createElement(ExpansionPanelSummary, { expandIcon: /*#__PURE__*/React.createElement(ExpandMoreIcon, null), "aria-controls": "panel1a-content", id: id }, /*#__PURE__*/
    React.createElement(StyledTitle, null, title)), /*#__PURE__*/
    React.createElement(ExpansionPanelDetails, null, content));}));
});
//# sourceMappingURL=index.js.map