@eaze/accordion
Version:
React components: AccordionElement
262 lines (222 loc) • 35.7 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ChevronAccordion = exports["default"] = void 0;
var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
var _react = _interopRequireWildcard(require("react"));
var _propTypes = require("prop-types");
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var defaultFontColor = '#000';
var AccordionElement =
/*#__PURE__*/
function (_PureComponent) {
_inherits(AccordionElement, _PureComponent);
function AccordionElement() {
var _getPrototypeOf2;
var _this;
_classCallCheck(this, AccordionElement);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(AccordionElement)).call.apply(_getPrototypeOf2, [this].concat(args)));
_defineProperty(_assertThisInitialized(_this), "state", {
open: false,
contentHeight: 0
});
_defineProperty(_assertThisInitialized(_this), "toggleContent", function (event) {
// adding preventDefault so we can have this component in
// forms without worrying about toggling triggering a submit
event.preventDefault();
var open = _this.state.open;
_this.setState({
open: !open
});
});
return _this;
}
_createClass(AccordionElement, [{
key: "componentDidMount",
value: function componentDidMount() {
this.setState({
contentHeight: this.accordionContent.clientHeight
});
this.props.openByDefault && this.setState({
open: true
});
}
}, {
key: "componentDidUpdate",
value: function componentDidUpdate(prevProps, prevState) {
if (this.accordionContent.clientHeight !== prevState.contentHeight) {
this.setState({
contentHeight: this.accordionContent.clientHeight
});
}
}
}, {
key: "render",
value: function render() {
var _this2 = this;
var _this$state = this.state,
open = _this$state.open,
contentHeight = _this$state.contentHeight;
var _this$props = this.props,
children = _this$props.children,
buttonContent = _this$props.buttonContent,
buttonClass = _this$props.buttonClass,
icon = _this$props.icon,
iconColor = _this$props.iconColor,
iconHeight = _this$props.iconHeight,
iconWidth = _this$props.iconWidth,
rotate = _this$props.rotate,
reverseDirection = _this$props.reverseDirection;
return _react["default"].createElement(AccordionWrapper, {
reverseDirection: reverseDirection
}, _react["default"].createElement(Button, {
className: buttonClass,
onClick: this.toggleContent
}, _react["default"].createElement(IconContainer, {
open: open,
iconWidth: iconWidth,
iconHeight: iconHeight,
rotate: rotate
}, icon || _react["default"].createElement(Arrow, {
iconColor: iconColor
})), buttonContent), _react["default"].createElement(ContentWrapper, {
open: open,
height: contentHeight
}, _react["default"].createElement("div", {
style: {
position: 'relative'
},
ref: function ref(accordionContent) {
_this2.accordionContent = accordionContent;
}
}, children)));
}
}]);
return AccordionElement;
}(_react.PureComponent); // export some standardized variants
exports["default"] = AccordionElement;
_defineProperty(AccordionElement, "propTypes", {
buttonClass: _propTypes.string,
buttonContent: _propTypes.node,
children: _propTypes.node,
icon: _propTypes.object,
iconColor: _propTypes.string,
iconWidth: _propTypes.number,
iconHeight: _propTypes.number,
openByDefault: _propTypes.bool,
reverseDirection: _propTypes.bool,
rotate: _propTypes.string
});
_defineProperty(AccordionElement, "defaultProps", {
buttonClass: 'button',
fontColor: defaultFontColor,
reverseDirection: false
});
var ChevronAccordion = function ChevronAccordion(_ref) {
var iconColor = _ref.iconColor,
buttonContent = _ref.buttonContent,
children = _ref.children;
return _react["default"].createElement(AccordionElement, {
icon: _react["default"].createElement(Chevron, {
iconColor: iconColor
}),
iconWidth: 1.5,
iconHeight: 1.5,
buttonContent: buttonContent
}, children);
};
exports.ChevronAccordion = ChevronAccordion;
ChevronAccordion.propTypes = {
buttonContent: _propTypes.string,
children: _propTypes.node,
iconColor: _propTypes.string
};
var AccordionWrapper = (0, _styledBase["default"])("div", {
target: "e10416zb0",
label: "AccordionWrapper"
})("display:flex;flex-direction:", function (_ref2) {
var reverseDirection = _ref2.reverseDirection;
return reverseDirection ? 'column-reverse' : 'column';
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnSG1DIiwiZmlsZSI6Ii4uL3NyYy9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBQdXJlQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBib29sLCBub2RlLCBzdHJpbmcsIG9iamVjdCwgbnVtYmVyIH0gZnJvbSAncHJvcC10eXBlcydcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBkZWZhdWx0Rm9udENvbG9yID0gJyMwMDAnXG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIEFjY29yZGlvbkVsZW1lbnQgZXh0ZW5kcyBQdXJlQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBidXR0b25DbGFzczogc3RyaW5nLFxuICAgIGJ1dHRvbkNvbnRlbnQ6IG5vZGUsXG4gICAgY2hpbGRyZW46IG5vZGUsXG4gICAgaWNvbjogb2JqZWN0LFxuICAgIGljb25Db2xvcjogc3RyaW5nLFxuICAgIGljb25XaWR0aDogbnVtYmVyLFxuICAgIGljb25IZWlnaHQ6IG51bWJlcixcbiAgICBvcGVuQnlEZWZhdWx0OiBib29sLFxuICAgIHJldmVyc2VEaXJlY3Rpb246IGJvb2wsXG4gICAgcm90YXRlOiBzdHJpbmdcbiAgfVxuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgYnV0dG9uQ2xhc3M6ICdidXR0b24nLFxuICAgIGZvbnRDb2xvcjogZGVmYXVsdEZvbnRDb2xvcixcbiAgICByZXZlcnNlRGlyZWN0aW9uOiBmYWxzZVxuICB9XG5cbiAgc3RhdGUgPSB7XG4gICAgb3BlbjogZmFsc2UsXG4gICAgY29udGVudEhlaWdodDogMFxuICB9XG5cbiAgdG9nZ2xlQ29udGVudCA9IChldmVudCkgPT4ge1xuICAgIC8vIGFkZGluZyBwcmV2ZW50RGVmYXVsdCBzbyB3ZSBjYW4gaGF2ZSB0aGlzIGNvbXBvbmVudCBpblxuICAgIC8vIGZvcm1zIHdpdGhvdXQgd29ycnlpbmcgYWJvdXQgdG9nZ2xpbmcgdHJpZ2dlcmluZyBhIHN1Ym1pdFxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICBjb25zdCB7IG9wZW4gfSA9IHRoaXMuc3RhdGVcbiAgICB0aGlzLnNldFN0YXRlKHsgb3BlbjogIW9wZW4gfSlcbiAgfVxuXG4gIGNvbXBvbmVudERpZE1vdW50ICgpIHtcbiAgICB0aGlzLnNldFN0YXRlKHsgY29udGVudEhlaWdodDogdGhpcy5hY2NvcmRpb25Db250ZW50LmNsaWVudEhlaWdodCB9KVxuICAgIHRoaXMucHJvcHMub3BlbkJ5RGVmYXVsdCAmJiB0aGlzLnNldFN0YXRlKHsgb3BlbjogdHJ1ZSB9KVxuICB9XG5cbiAgY29tcG9uZW50RGlkVXBkYXRlIChwcmV2UHJvcHMsIHByZXZTdGF0ZSkge1xuICAgIGlmICh0aGlzLmFjY29yZGlvbkNvbnRlbnQuY2xpZW50SGVpZ2h0ICE9PSBwcmV2U3RhdGUuY29udGVudEhlaWdodCkge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IGNvbnRlbnRIZWlnaHQ6IHRoaXMuYWNjb3JkaW9uQ29udGVudC5jbGllbnRIZWlnaHQgfSlcbiAgICB9XG4gIH1cblxuICByZW5kZXIgKCkge1xuICAgIGNvbnN0IHsgb3BlbiwgY29udGVudEhlaWdodCB9ID0gdGhpcy5zdGF0ZVxuICAgIGNvbnN0IHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgYnV0dG9uQ29udGVudCxcbiAgICAgIGJ1dHRvbkNsYXNzLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Db2xvcixcbiAgICAgIGljb25IZWlnaHQsXG4gICAgICBpY29uV2lkdGgsXG4gICAgICByb3RhdGUsXG4gICAgICByZXZlcnNlRGlyZWN0aW9uXG4gICAgfSA9IHRoaXMucHJvcHNcblxuICAgIHJldHVybiAoXG4gICAgICA8QWNjb3JkaW9uV3JhcHBlciByZXZlcnNlRGlyZWN0aW9uPXtyZXZlcnNlRGlyZWN0aW9ufT5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGNsYXNzTmFtZT17YnV0dG9uQ2xhc3N9XG4gICAgICAgICAgb25DbGljaz17dGhpcy50b2dnbGVDb250ZW50fVxuICAgICAgICA+XG4gICAgICAgICAgPEljb25Db250YWluZXJcbiAgICAgICAgICAgIG9wZW49e29wZW59XG4gICAgICAgICAgICBpY29uV2lkdGg9e2ljb25XaWR0aH1cbiAgICAgICAgICAgIGljb25IZWlnaHQ9e2ljb25IZWlnaHR9XG4gICAgICAgICAgICByb3RhdGU9e3JvdGF0ZX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aWNvbiB8fCA8QXJyb3cgaWNvbkNvbG9yPXtpY29uQ29sb3J9Lz59XG4gICAgICAgICAgPC9JY29uQ29udGFpbmVyPlxuICAgICAgICAgIHtidXR0b25Db250ZW50fVxuICAgICAgICA8L0J1dHRvbj5cblxuICAgICAgICA8Q29udGVudFdyYXBwZXIgb3Blbj17b3Blbn0gaGVpZ2h0PXtjb250ZW50SGVpZ2h0fT5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBzdHlsZT17eyBwb3NpdGlvbjogJ3JlbGF0aXZlJyB9fVxuICAgICAgICAgICAgcmVmPXsoYWNjb3JkaW9uQ29udGVudCkgPT4geyB0aGlzLmFjY29yZGlvbkNvbnRlbnQgPSBhY2NvcmRpb25Db250ZW50IH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAgPC9BY2NvcmRpb25XcmFwcGVyPlxuICAgIClcbiAgfVxufVxuXG4vLyBleHBvcnQgc29tZSBzdGFuZGFyZGl6ZWQgdmFyaWFudHNcbmV4cG9ydCBjb25zdCBDaGV2cm9uQWNjb3JkaW9uID0gKHsgaWNvbkNvbG9yLCBidXR0b25Db250ZW50LCBjaGlsZHJlbiB9KSA9PiAoXG4gIDxBY2NvcmRpb25FbGVtZW50XG4gICAgaWNvbj17PENoZXZyb24gaWNvbkNvbG9yPXtpY29uQ29sb3J9IC8+fVxuICAgIGljb25XaWR0aD17MS41fVxuICAgIGljb25IZWlnaHQ9ezEuNX1cbiAgICBidXR0b25Db250ZW50PXtidXR0b25Db250ZW50fVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0FjY29yZGlvbkVsZW1lbnQ+XG4pXG5cbkNoZXZyb25BY2NvcmRpb24ucHJvcFR5cGVzID0ge1xuICBidXR0b25Db250ZW50OiBzdHJpbmcsXG4gIGNoaWxkcmVuOiBub2RlLFxuICBpY29uQ29sb3I6IHN0cmluZ1xufVxuXG5jb25zdCBBY2NvcmRpb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246ICR7KHsgcmV2ZXJzZURpcmVjdGlvbiB9KSA9PiByZXZlcnNlRGlyZWN0aW9uID8gJ2NvbHVtbi1yZXZlcnNlJyA6ICdjb2x1bW4nfTtcbmBcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6ICR7KHsgb3BlbiwgaGVpZ2h0IH0pID0+IG9wZW4gPyBoZWlnaHQgKyAncHgnIDogMH07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRyYW5zaXRpb246IGhlaWdodCAwLjI1cyBlYXNlLW91dDtcbmBcblxuY29uc3QgQnV0dG9uID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAkeyh7IGZvbnRDb2xvciB9KSA9PiBmb250Q29sb3J9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuYFxuXG5jb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgdHJhbnNmb3JtOiAkeyh7IG9wZW4sIHJvdGF0ZSB9KSA9PiBvcGVuID8gKHJvdGF0ZSB8fCAncm90YXRlKDkwZGVnKScpIDogJ3JvdGF0ZSgwZGVnKSd9O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gLjI1cyBlYXNlLW91dDtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6ICR7KHsgaWNvbldpZHRoIH0pID0+IGljb25XaWR0aCArICdyZW0nIHx8ICcxcmVtJ307XG4gICAgaGVpZ2h0OiAkeyh7IGljb25IZWlnaHQgfSkgPT4gaWNvbkhlaWdodCArICdyZW0nIHx8ICcxcmVtJ307XG4gIH1cbmBcblxuY29uc3QgQ2hldnJvbiA9ICh7IGljb25Db2xvciB9KSA9PiAoXG4gIDxzdmdcbiAgICB3aWR0aD0nMTJweCdcbiAgICBoZWlnaHQ9JzIwcHgnXG4gICAgdmlld0JveD0nMCAwIDEyIDIwJ1xuICAgIHZlcnNpb249JzEuMSdcbiAgICB4bWxuc1hsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJ1xuICA+XG4gICAgPGdcbiAgICAgIHN0cm9rZT17aWNvbkNvbG9yIHx8ICcjMDAwJ31cbiAgICAgIHN0cm9rZVdpZHRoPScxLjVweCdcbiAgICAgIGZpbGw9J25vbmUnXG4gICAgICBmaWxsUnVsZT0nZXZlbm9kZCdcbiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJ1xuICAgID5cbiAgICAgIDxwYXRoIGQ9J00wIDBsOSA5bTAgMGwtOSA4LjQ4NScgLz5cbiAgICA8L2c+XG4gIDwvc3ZnPlxuKVxuXG5DaGV2cm9uLnByb3BUeXBlcyA9IHtcbiAgaWNvbkNvbG9yOiBzdHJpbmdcbn1cblxuY29uc3QgQXJyb3cgPSAoeyBpY29uQ29sb3IgfSkgPT4gKFxuICA8c3ZnXG4gICAgd2lkdGg9JzdweCdcbiAgICBoZWlnaHQ9JzEzcHgnXG4gICAgdmlld0JveD0nMCAwIDcgMTMnXG4gICAgdmVyc2lvbj0nMS4xJ1xuICAgIHhtbG5zWGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnXG4gID5cbiAgICA8cG9seWdvblxuICAgICAgZmlsbD17aWNvbkNvbG9yIHx8ICcjMDAwJ31cbiAgICAgIHBvaW50cz0nMC43NzU3ODEyNSAxMi42MDk3NjU2IDAuNzc1NzgxMjUgMC4xMjIyNjU2MjUgNy4wMTk1MzEyNSA2LjM2NjAxNTYyJ1xuICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnXG4gICAgLz5cbiAgPC9zdmc+XG4pXG5cbkFycm93LnByb3BUeXBlcyA9IHtcbiAgaWNvbkNvbG9yOiBzdHJpbmdcbn1cbiJdfQ== */"));
var ContentWrapper = (0, _styledBase["default"])("div", {
target: "e10416zb1",
label: "ContentWrapper"
})("height:", function (_ref3) {
var open = _ref3.open,
height = _ref3.height;
return open ? height + 'px' : 0;
}, ";overflow:hidden;transition:height 0.25s ease-out;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxSGlDIiwiZmlsZSI6Ii4uL3NyYy9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBQdXJlQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBib29sLCBub2RlLCBzdHJpbmcsIG9iamVjdCwgbnVtYmVyIH0gZnJvbSAncHJvcC10eXBlcydcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBkZWZhdWx0Rm9udENvbG9yID0gJyMwMDAnXG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIEFjY29yZGlvbkVsZW1lbnQgZXh0ZW5kcyBQdXJlQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBidXR0b25DbGFzczogc3RyaW5nLFxuICAgIGJ1dHRvbkNvbnRlbnQ6IG5vZGUsXG4gICAgY2hpbGRyZW46IG5vZGUsXG4gICAgaWNvbjogb2JqZWN0LFxuICAgIGljb25Db2xvcjogc3RyaW5nLFxuICAgIGljb25XaWR0aDogbnVtYmVyLFxuICAgIGljb25IZWlnaHQ6IG51bWJlcixcbiAgICBvcGVuQnlEZWZhdWx0OiBib29sLFxuICAgIHJldmVyc2VEaXJlY3Rpb246IGJvb2wsXG4gICAgcm90YXRlOiBzdHJpbmdcbiAgfVxuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgYnV0dG9uQ2xhc3M6ICdidXR0b24nLFxuICAgIGZvbnRDb2xvcjogZGVmYXVsdEZvbnRDb2xvcixcbiAgICByZXZlcnNlRGlyZWN0aW9uOiBmYWxzZVxuICB9XG5cbiAgc3RhdGUgPSB7XG4gICAgb3BlbjogZmFsc2UsXG4gICAgY29udGVudEhlaWdodDogMFxuICB9XG5cbiAgdG9nZ2xlQ29udGVudCA9IChldmVudCkgPT4ge1xuICAgIC8vIGFkZGluZyBwcmV2ZW50RGVmYXVsdCBzbyB3ZSBjYW4gaGF2ZSB0aGlzIGNvbXBvbmVudCBpblxuICAgIC8vIGZvcm1zIHdpdGhvdXQgd29ycnlpbmcgYWJvdXQgdG9nZ2xpbmcgdHJpZ2dlcmluZyBhIHN1Ym1pdFxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICBjb25zdCB7IG9wZW4gfSA9IHRoaXMuc3RhdGVcbiAgICB0aGlzLnNldFN0YXRlKHsgb3BlbjogIW9wZW4gfSlcbiAgfVxuXG4gIGNvbXBvbmVudERpZE1vdW50ICgpIHtcbiAgICB0aGlzLnNldFN0YXRlKHsgY29udGVudEhlaWdodDogdGhpcy5hY2NvcmRpb25Db250ZW50LmNsaWVudEhlaWdodCB9KVxuICAgIHRoaXMucHJvcHMub3BlbkJ5RGVmYXVsdCAmJiB0aGlzLnNldFN0YXRlKHsgb3BlbjogdHJ1ZSB9KVxuICB9XG5cbiAgY29tcG9uZW50RGlkVXBkYXRlIChwcmV2UHJvcHMsIHByZXZTdGF0ZSkge1xuICAgIGlmICh0aGlzLmFjY29yZGlvbkNvbnRlbnQuY2xpZW50SGVpZ2h0ICE9PSBwcmV2U3RhdGUuY29udGVudEhlaWdodCkge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IGNvbnRlbnRIZWlnaHQ6IHRoaXMuYWNjb3JkaW9uQ29udGVudC5jbGllbnRIZWlnaHQgfSlcbiAgICB9XG4gIH1cblxuICByZW5kZXIgKCkge1xuICAgIGNvbnN0IHsgb3BlbiwgY29udGVudEhlaWdodCB9ID0gdGhpcy5zdGF0ZVxuICAgIGNvbnN0IHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgYnV0dG9uQ29udGVudCxcbiAgICAgIGJ1dHRvbkNsYXNzLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Db2xvcixcbiAgICAgIGljb25IZWlnaHQsXG4gICAgICBpY29uV2lkdGgsXG4gICAgICByb3RhdGUsXG4gICAgICByZXZlcnNlRGlyZWN0aW9uXG4gICAgfSA9IHRoaXMucHJvcHNcblxuICAgIHJldHVybiAoXG4gICAgICA8QWNjb3JkaW9uV3JhcHBlciByZXZlcnNlRGlyZWN0aW9uPXtyZXZlcnNlRGlyZWN0aW9ufT5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGNsYXNzTmFtZT17YnV0dG9uQ2xhc3N9XG4gICAgICAgICAgb25DbGljaz17dGhpcy50b2dnbGVDb250ZW50fVxuICAgICAgICA+XG4gICAgICAgICAgPEljb25Db250YWluZXJcbiAgICAgICAgICAgIG9wZW49e29wZW59XG4gICAgICAgICAgICBpY29uV2lkdGg9e2ljb25XaWR0aH1cbiAgICAgICAgICAgIGljb25IZWlnaHQ9e2ljb25IZWlnaHR9XG4gICAgICAgICAgICByb3RhdGU9e3JvdGF0ZX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aWNvbiB8fCA8QXJyb3cgaWNvbkNvbG9yPXtpY29uQ29sb3J9Lz59XG4gICAgICAgICAgPC9JY29uQ29udGFpbmVyPlxuICAgICAgICAgIHtidXR0b25Db250ZW50fVxuICAgICAgICA8L0J1dHRvbj5cblxuICAgICAgICA8Q29udGVudFdyYXBwZXIgb3Blbj17b3Blbn0gaGVpZ2h0PXtjb250ZW50SGVpZ2h0fT5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBzdHlsZT17eyBwb3NpdGlvbjogJ3JlbGF0aXZlJyB9fVxuICAgICAgICAgICAgcmVmPXsoYWNjb3JkaW9uQ29udGVudCkgPT4geyB0aGlzLmFjY29yZGlvbkNvbnRlbnQgPSBhY2NvcmRpb25Db250ZW50IH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAgPC9BY2NvcmRpb25XcmFwcGVyPlxuICAgIClcbiAgfVxufVxuXG4vLyBleHBvcnQgc29tZSBzdGFuZGFyZGl6ZWQgdmFyaWFudHNcbmV4cG9ydCBjb25zdCBDaGV2cm9uQWNjb3JkaW9uID0gKHsgaWNvbkNvbG9yLCBidXR0b25Db250ZW50LCBjaGlsZHJlbiB9KSA9PiAoXG4gIDxBY2NvcmRpb25FbGVtZW50XG4gICAgaWNvbj17PENoZXZyb24gaWNvbkNvbG9yPXtpY29uQ29sb3J9IC8+fVxuICAgIGljb25XaWR0aD17MS41fVxuICAgIGljb25IZWlnaHQ9ezEuNX1cbiAgICBidXR0b25Db250ZW50PXtidXR0b25Db250ZW50fVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0FjY29yZGlvbkVsZW1lbnQ+XG4pXG5cbkNoZXZyb25BY2NvcmRpb24ucHJvcFR5cGVzID0ge1xuICBidXR0b25Db250ZW50OiBzdHJpbmcsXG4gIGNoaWxkcmVuOiBub2RlLFxuICBpY29uQ29sb3I6IHN0cmluZ1xufVxuXG5jb25zdCBBY2NvcmRpb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246ICR7KHsgcmV2ZXJzZURpcmVjdGlvbiB9KSA9PiByZXZlcnNlRGlyZWN0aW9uID8gJ2NvbHVtbi1yZXZlcnNlJyA6ICdjb2x1bW4nfTtcbmBcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6ICR7KHsgb3BlbiwgaGVpZ2h0IH0pID0+IG9wZW4gPyBoZWlnaHQgKyAncHgnIDogMH07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRyYW5zaXRpb246IGhlaWdodCAwLjI1cyBlYXNlLW91dDtcbmBcblxuY29uc3QgQnV0dG9uID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAkeyh7IGZvbnRDb2xvciB9KSA9PiBmb250Q29sb3J9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuYFxuXG5jb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgdHJhbnNmb3JtOiAkeyh7IG9wZW4sIHJvdGF0ZSB9KSA9PiBvcGVuID8gKHJvdGF0ZSB8fCAncm90YXRlKDkwZGVnKScpIDogJ3JvdGF0ZSgwZGVnKSd9O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gLjI1cyBlYXNlLW91dDtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6ICR7KHsgaWNvbldpZHRoIH0pID0+IGljb25XaWR0aCArICdyZW0nIHx8ICcxcmVtJ307XG4gICAgaGVpZ2h0OiAkeyh7IGljb25IZWlnaHQgfSkgPT4gaWNvbkhlaWdodCArICdyZW0nIHx8ICcxcmVtJ307XG4gIH1cbmBcblxuY29uc3QgQ2hldnJvbiA9ICh7IGljb25Db2xvciB9KSA9PiAoXG4gIDxzdmdcbiAgICB3aWR0aD0nMTJweCdcbiAgICBoZWlnaHQ9JzIwcHgnXG4gICAgdmlld0JveD0nMCAwIDEyIDIwJ1xuICAgIHZlcnNpb249JzEuMSdcbiAgICB4bWxuc1hsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJ1xuICA+XG4gICAgPGdcbiAgICAgIHN0cm9rZT17aWNvbkNvbG9yIHx8ICcjMDAwJ31cbiAgICAgIHN0cm9rZVdpZHRoPScxLjVweCdcbiAgICAgIGZpbGw9J25vbmUnXG4gICAgICBmaWxsUnVsZT0nZXZlbm9kZCdcbiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJ1xuICAgID5cbiAgICAgIDxwYXRoIGQ9J00wIDBsOSA5bTAgMGwtOSA4LjQ4NScgLz5cbiAgICA8L2c+XG4gIDwvc3ZnPlxuKVxuXG5DaGV2cm9uLnByb3BUeXBlcyA9IHtcbiAgaWNvbkNvbG9yOiBzdHJpbmdcbn1cblxuY29uc3QgQXJyb3cgPSAoeyBpY29uQ29sb3IgfSkgPT4gKFxuICA8c3ZnXG4gICAgd2lkdGg9JzdweCdcbiAgICBoZWlnaHQ9JzEzcHgnXG4gICAgdmlld0JveD0nMCAwIDcgMTMnXG4gICAgdmVyc2lvbj0nMS4xJ1xuICAgIHhtbG5zWGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnXG4gID5cbiAgICA8cG9seWdvblxuICAgICAgZmlsbD17aWNvbkNvbG9yIHx8ICcjMDAwJ31cbiAgICAgIHBvaW50cz0nMC43NzU3ODEyNSAxMi42MDk3NjU2IDAuNzc1NzgxMjUgMC4xMjIyNjU2MjUgNy4wMTk1MzEyNSA2LjM2NjAxNTYyJ1xuICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnXG4gICAgLz5cbiAgPC9zdmc+XG4pXG5cbkFycm93LnByb3BUeXBlcyA9IHtcbiAgaWNvbkNvbG9yOiBzdHJpbmdcbn1cbiJdfQ== */"));
var Button = (0, _styledBase["default"])("div", {
target: "e10416zb2",
label: "Button"
})("padding:0;width:100%;border:none;background-color:transparent;color:", function (_ref4) {
var fontColor = _ref4.fontColor;
return fontColor;
}, ";cursor:pointer;display:flex;align-items:center;user-select:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEySHlCIiwiZmlsZSI6Ii4uL3NyYy9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBQdXJlQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBib29sLCBub2RlLCBzdHJpbmcsIG9iamVjdCwgbnVtYmVyIH0gZnJvbSAncHJvcC10eXBlcydcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBkZWZhdWx0Rm9udENvbG9yID0gJyMwMDAnXG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIEFjY29yZGlvbkVsZW1lbnQgZXh0ZW5kcyBQdXJlQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBidXR0b25DbGFzczogc3RyaW5nLFxuICAgIGJ1dHRvbkNvbnRlbnQ6IG5vZGUsXG4gICAgY2hpbGRyZW46IG5vZGUsXG4gICAgaWNvbjogb2JqZWN0LFxuICAgIGljb25Db2xvcjogc3RyaW5nLFxuICAgIGljb25XaWR0aDogbnVtYmVyLFxuICAgIGljb25IZWlnaHQ6IG51bWJlcixcbiAgICBvcGVuQnlEZWZhdWx0OiBib29sLFxuICAgIHJldmVyc2VEaXJlY3Rpb246IGJvb2wsXG4gICAgcm90YXRlOiBzdHJpbmdcbiAgfVxuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgYnV0dG9uQ2xhc3M6ICdidXR0b24nLFxuICAgIGZvbnRDb2xvcjogZGVmYXVsdEZvbnRDb2xvcixcbiAgICByZXZlcnNlRGlyZWN0aW9uOiBmYWxzZVxuICB9XG5cbiAgc3RhdGUgPSB7XG4gICAgb3BlbjogZmFsc2UsXG4gICAgY29udGVudEhlaWdodDogMFxuICB9XG5cbiAgdG9nZ2xlQ29udGVudCA9IChldmVudCkgPT4ge1xuICAgIC8vIGFkZGluZyBwcmV2ZW50RGVmYXVsdCBzbyB3ZSBjYW4gaGF2ZSB0aGlzIGNvbXBvbmVudCBpblxuICAgIC8vIGZvcm1zIHdpdGhvdXQgd29ycnlpbmcgYWJvdXQgdG9nZ2xpbmcgdHJpZ2dlcmluZyBhIHN1Ym1pdFxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICBjb25zdCB7IG9wZW4gfSA9IHRoaXMuc3RhdGVcbiAgICB0aGlzLnNldFN0YXRlKHsgb3BlbjogIW9wZW4gfSlcbiAgfVxuXG4gIGNvbXBvbmVudERpZE1vdW50ICgpIHtcbiAgICB0aGlzLnNldFN0YXRlKHsgY29udGVudEhlaWdodDogdGhpcy5hY2NvcmRpb25Db250ZW50LmNsaWVudEhlaWdodCB9KVxuICAgIHRoaXMucHJvcHMub3BlbkJ5RGVmYXVsdCAmJiB0aGlzLnNldFN0YXRlKHsgb3BlbjogdHJ1ZSB9KVxuICB9XG5cbiAgY29tcG9uZW50RGlkVXBkYXRlIChwcmV2UHJvcHMsIHByZXZTdGF0ZSkge1xuICAgIGlmICh0aGlzLmFjY29yZGlvbkNvbnRlbnQuY2xpZW50SGVpZ2h0ICE9PSBwcmV2U3RhdGUuY29udGVudEhlaWdodCkge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IGNvbnRlbnRIZWlnaHQ6IHRoaXMuYWNjb3JkaW9uQ29udGVudC5jbGllbnRIZWlnaHQgfSlcbiAgICB9XG4gIH1cblxuICByZW5kZXIgKCkge1xuICAgIGNvbnN0IHsgb3BlbiwgY29udGVudEhlaWdodCB9ID0gdGhpcy5zdGF0ZVxuICAgIGNvbnN0IHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgYnV0dG9uQ29udGVudCxcbiAgICAgIGJ1dHRvbkNsYXNzLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Db2xvcixcbiAgICAgIGljb25IZWlnaHQsXG4gICAgICBpY29uV2lkdGgsXG4gICAgICByb3RhdGUsXG4gICAgICByZXZlcnNlRGlyZWN0aW9uXG4gICAgfSA9IHRoaXMucHJvcHNcblxuICAgIHJldHVybiAoXG4gICAgICA8QWNjb3JkaW9uV3JhcHBlciByZXZlcnNlRGlyZWN0aW9uPXtyZXZlcnNlRGlyZWN0aW9ufT5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGNsYXNzTmFtZT17YnV0dG9uQ2xhc3N9XG4gICAgICAgICAgb25DbGljaz17dGhpcy50b2dnbGVDb250ZW50fVxuICAgICAgICA+XG4gICAgICAgICAgPEljb25Db250YWluZXJcbiAgICAgICAgICAgIG9wZW49e29wZW59XG4gICAgICAgICAgICBpY29uV2lkdGg9e2ljb25XaWR0aH1cbiAgICAgICAgICAgIGljb25IZWlnaHQ9e2ljb25IZWlnaHR9XG4gICAgICAgICAgICByb3RhdGU9e3JvdGF0ZX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aWNvbiB8fCA8QXJyb3cgaWNvbkNvbG9yPXtpY29uQ29sb3J9Lz59XG4gICAgICAgICAgPC9JY29uQ29udGFpbmVyPlxuICAgICAgICAgIHtidXR0b25Db250ZW50fVxuICAgICAgICA8L0J1dHRvbj5cblxuICAgICAgICA8Q29udGVudFdyYXBwZXIgb3Blbj17b3Blbn0gaGVpZ2h0PXtjb250ZW50SGVpZ2h0fT5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBzdHlsZT17eyBwb3NpdGlvbjogJ3JlbGF0aXZlJyB9fVxuICAgICAgICAgICAgcmVmPXsoYWNjb3JkaW9uQ29udGVudCkgPT4geyB0aGlzLmFjY29yZGlvbkNvbnRlbnQgPSBhY2NvcmRpb25Db250ZW50IH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAgPC9BY2NvcmRpb25XcmFwcGVyPlxuICAgIClcbiAgfVxufVxuXG4vLyBleHBvcnQgc29tZSBzdGFuZGFyZGl6ZWQgdmFyaWFudHNcbmV4cG9ydCBjb25zdCBDaGV2cm9uQWNjb3JkaW9uID0gKHsgaWNvbkNvbG9yLCBidXR0b25Db250ZW50LCBjaGlsZHJlbiB9KSA9PiAoXG4gIDxBY2NvcmRpb25FbGVtZW50XG4gICAgaWNvbj17PENoZXZyb24gaWNvbkNvbG9yPXtpY29uQ29sb3J9IC8+fVxuICAgIGljb25XaWR0aD17MS41fVxuICAgIGljb25IZWlnaHQ9ezEuNX1cbiAgICBidXR0b25Db250ZW50PXtidXR0b25Db250ZW50fVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0FjY29yZGlvbkVsZW1lbnQ+XG4pXG5cbkNoZXZyb25BY2NvcmRpb24ucHJvcFR5cGVzID0ge1xuICBidXR0b25Db250ZW50OiBzdHJpbmcsXG4gIGNoaWxkcmVuOiBub2RlLFxuICBpY29uQ29sb3I6IHN0cmluZ1xufVxuXG5jb25zdCBBY2NvcmRpb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246ICR7KHsgcmV2ZXJzZURpcmVjdGlvbiB9KSA9PiByZXZlcnNlRGlyZWN0aW9uID8gJ2NvbHVtbi1yZXZlcnNlJyA6ICdjb2x1bW4nfTtcbmBcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6ICR7KHsgb3BlbiwgaGVpZ2h0IH0pID0+IG9wZW4gPyBoZWlnaHQgKyAncHgnIDogMH07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRyYW5zaXRpb246IGhlaWdodCAwLjI1cyBlYXNlLW91dDtcbmBcblxuY29uc3QgQnV0dG9uID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAkeyh7IGZvbnRDb2xvciB9KSA9PiBmb250Q29sb3J9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuYFxuXG5jb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgdHJhbnNmb3JtOiAkeyh7IG9wZW4sIHJvdGF0ZSB9KSA9PiBvcGVuID8gKHJvdGF0ZSB8fCAncm90YXRlKDkwZGVnKScpIDogJ3JvdGF0ZSgwZGVnKSd9O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gLjI1cyBlYXNlLW91dDtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6ICR7KHsgaWNvbldpZHRoIH0pID0+IGljb25XaWR0aCArICdyZW0nIHx8ICcxcmVtJ307XG4gICAgaGVpZ2h0OiAkeyh7IGljb25IZWlnaHQgfSkgPT4gaWNvbkhlaWdodCArICdyZW0nIHx8ICcxcmVtJ307XG4gIH1cbmBcblxuY29uc3QgQ2hldnJvbiA9ICh7IGljb25Db2xvciB9KSA9PiAoXG4gIDxzdmdcbiAgICB3aWR0aD0nMTJweCdcbiAgICBoZWlnaHQ9JzIwcHgnXG4gICAgdmlld0JveD0nMCAwIDEyIDIwJ1xuICAgIHZlcnNpb249JzEuMSdcbiAgICB4bWxuc1hsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJ1xuICA+XG4gICAgPGdcbiAgICAgIHN0cm9rZT17aWNvbkNvbG9yIHx8ICcjMDAwJ31cbiAgICAgIHN0cm9rZVdpZHRoPScxLjVweCdcbiAgICAgIGZpbGw9J25vbmUnXG4gICAgICBmaWxsUnVsZT0nZXZlbm9kZCdcbiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJ1xuICAgID5cbiAgICAgIDxwYXRoIGQ9J00wIDBsOSA5bTAgMGwtOSA4LjQ4NScgLz5cbiAgICA8L2c+XG4gIDwvc3ZnPlxuKVxuXG5DaGV2cm9uLnByb3BUeXBlcyA9IHtcbiAgaWNvbkNvbG9yOiBzdHJpbmdcbn1cblxuY29uc3QgQXJyb3cgPSAoeyBpY29uQ29sb3IgfSkgPT4gKFxuICA8c3ZnXG4gICAgd2lkdGg9JzdweCdcbiAgICBoZWlnaHQ9JzEzcHgnXG4gICAgdmlld0JveD0nMCAwIDcgMTMnXG4gICAgdmVyc2lvbj0nMS4xJ1xuICAgIHhtbG5zWGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnXG4gID5cbiAgICA8cG9seWdvblxuICAgICAgZmlsbD17aWNvbkNvbG9yIHx8ICcjMDAwJ31cbiAgICAgIHBvaW50cz0nMC43NzU3ODEyNSAxMi42MDk3NjU2IDAuNzc1NzgxMjUgMC4xMjIyNjU2MjUgNy4wMTk1MzEyNSA2LjM2NjAxNTYyJ1xuICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnXG4gICAgLz5cbiAgPC9zdmc+XG4pXG5cbkFycm93LnByb3BUeXBlcyA9IHtcbiAgaWNvbkNvbG9yOiBzdHJpbmdcbn1cbiJdfQ== */"));
var IconContainer = (0, _styledBase["default"])("div", {
target: "e10416zb3",
label: "IconContainer"
})("display:flex;transform:", function (_ref5) {
var open = _ref5.open,
rotate = _ref5.rotate;
return open ? rotate || 'rotate(90deg)' : 'rotate(0deg)';
}, ";transition:transform .25s ease-out;& svg{width:", function (_ref6) {
var iconWidth = _ref6.iconWidth;
return iconWidth + 'rem' || '1rem';
}, ";height:", function (_ref7) {
var iconHeight = _ref7.iconHeight;
return iconHeight + 'rem' || '1rem';
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1SWdDIiwiZmlsZSI6Ii4uL3NyYy9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBQdXJlQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBib29sLCBub2RlLCBzdHJpbmcsIG9iamVjdCwgbnVtYmVyIH0gZnJvbSAncHJvcC10eXBlcydcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBkZWZhdWx0Rm9udENvbG9yID0gJyMwMDAnXG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIEFjY29yZGlvbkVsZW1lbnQgZXh0ZW5kcyBQdXJlQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBidXR0b25DbGFzczogc3RyaW5nLFxuICAgIGJ1dHRvbkNvbnRlbnQ6IG5vZGUsXG4gICAgY2hpbGRyZW46IG5vZGUsXG4gICAgaWNvbjogb2JqZWN0LFxuICAgIGljb25Db2xvcjogc3RyaW5nLFxuICAgIGljb25XaWR0aDogbnVtYmVyLFxuICAgIGljb25IZWlnaHQ6IG51bWJlcixcbiAgICBvcGVuQnlEZWZhdWx0OiBib29sLFxuICAgIHJldmVyc2VEaXJlY3Rpb246IGJvb2wsXG4gICAgcm90YXRlOiBzdHJpbmdcbiAgfVxuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgYnV0dG9uQ2xhc3M6ICdidXR0b24nLFxuICAgIGZvbnRDb2xvcjogZGVmYXVsdEZvbnRDb2xvcixcbiAgICByZXZlcnNlRGlyZWN0aW9uOiBmYWxzZVxuICB9XG5cbiAgc3RhdGUgPSB7XG4gICAgb3BlbjogZmFsc2UsXG4gICAgY29udGVudEhlaWdodDogMFxuICB9XG5cbiAgdG9nZ2xlQ29udGVudCA9IChldmVudCkgPT4ge1xuICAgIC8vIGFkZGluZyBwcmV2ZW50RGVmYXVsdCBzbyB3ZSBjYW4gaGF2ZSB0aGlzIGNvbXBvbmVudCBpblxuICAgIC8vIGZvcm1zIHdpdGhvdXQgd29ycnlpbmcgYWJvdXQgdG9nZ2xpbmcgdHJpZ2dlcmluZyBhIHN1Ym1pdFxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICBjb25zdCB7IG9wZW4gfSA9IHRoaXMuc3RhdGVcbiAgICB0aGlzLnNldFN0YXRlKHsgb3BlbjogIW9wZW4gfSlcbiAgfVxuXG4gIGNvbXBvbmVudERpZE1vdW50ICgpIHtcbiAgICB0aGlzLnNldFN0YXRlKHsgY29udGVudEhlaWdodDogdGhpcy5hY2NvcmRpb25Db250ZW50LmNsaWVudEhlaWdodCB9KVxuICAgIHRoaXMucHJvcHMub3BlbkJ5RGVmYXVsdCAmJiB0aGlzLnNldFN0YXRlKHsgb3BlbjogdHJ1ZSB9KVxuICB9XG5cbiAgY29tcG9uZW50RGlkVXBkYXRlIChwcmV2UHJvcHMsIHByZXZTdGF0ZSkge1xuICAgIGlmICh0aGlzLmFjY29yZGlvbkNvbnRlbnQuY2xpZW50SGVpZ2h0ICE9PSBwcmV2U3RhdGUuY29udGVudEhlaWdodCkge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7IGNvbnRlbnRIZWlnaHQ6IHRoaXMuYWNjb3JkaW9uQ29udGVudC5jbGllbnRIZWlnaHQgfSlcbiAgICB9XG4gIH1cblxuICByZW5kZXIgKCkge1xuICAgIGNvbnN0IHsgb3BlbiwgY29udGVudEhlaWdodCB9ID0gdGhpcy5zdGF0ZVxuICAgIGNvbnN0IHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgYnV0dG9uQ29udGVudCxcbiAgICAgIGJ1dHRvbkNsYXNzLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Db2xvcixcbiAgICAgIGljb25IZWlnaHQsXG4gICAgICBpY29uV2lkdGgsXG4gICAgICByb3RhdGUsXG4gICAgICByZXZlcnNlRGlyZWN0aW9uXG4gICAgfSA9IHRoaXMucHJvcHNcblxuICAgIHJldHVybiAoXG4gICAgICA8QWNjb3JkaW9uV3JhcHBlciByZXZlcnNlRGlyZWN0aW9uPXtyZXZlcnNlRGlyZWN0aW9ufT5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGNsYXNzTmFtZT17YnV0dG9uQ2xhc3N9XG4gICAgICAgICAgb25DbGljaz17dGhpcy50b2dnbGVDb250ZW50fVxuICAgICAgICA+XG4gICAgICAgICAgPEljb25Db250YWluZXJcbiAgICAgICAgICAgIG9wZW49e29wZW59XG4gICAgICAgICAgICBpY29uV2lkdGg9e2ljb25XaWR0aH1cbiAgICAgICAgICAgIGljb25IZWlnaHQ9e2ljb25IZWlnaHR9XG4gICAgICAgICAgICByb3RhdGU9e3JvdGF0ZX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aWNvbiB8fCA8QXJyb3cgaWNvbkNvbG9yPXtpY29uQ29sb3J9Lz59XG4gICAgICAgICAgPC9JY29uQ29udGFpbmVyPlxuICAgICAgICAgIHtidXR0b25Db250ZW50fVxuICAgICAgICA8L0J1dHRvbj5cblxuICAgICAgICA8Q29udGVudFdyYXBwZXIgb3Blbj17b3Blbn0gaGVpZ2h0PXtjb250ZW50SGVpZ2h0fT5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBzdHlsZT17eyBwb3NpdGlvbjogJ3JlbGF0aXZlJyB9fVxuICAgICAgICAgICAgcmVmPXsoYWNjb3JkaW9uQ29udGVudCkgPT4geyB0aGlzLmFjY29yZGlvbkNvbnRlbnQgPSBhY2NvcmRpb25Db250ZW50IH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAgPC9BY2NvcmRpb25XcmFwcGVyPlxuICAgIClcbiAgfVxufVxuXG4vLyBleHBvcnQgc29tZSBzdGFuZGFyZGl6ZWQgdmFyaWFudHNcbmV4cG9ydCBjb25zdCBDaGV2cm9uQWNjb3JkaW9uID0gKHsgaWNvbkNvbG9yLCBidXR0b25Db250ZW50LCBjaGlsZHJlbiB9KSA9PiAoXG4gIDxBY2NvcmRpb25FbGVtZW50XG4gICAgaWNvbj17PENoZXZyb24gaWNvbkNvbG9yPXtpY29uQ29sb3J9IC8+fVxuICAgIGljb25XaWR0aD17MS41fVxuICAgIGljb25IZWlnaHQ9ezEuNX1cbiAgICBidXR0b25Db250ZW50PXtidXR0b25Db250ZW50fVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0FjY29yZGlvbkVsZW1lbnQ+XG4pXG5cbkNoZXZyb25BY2NvcmRpb24ucHJvcFR5cGVzID0ge1xuICBidXR0b25Db250ZW50OiBzdHJpbmcsXG4gIGNoaWxkcmVuOiBub2RlLFxuICBpY29uQ29sb3I6IHN0cmluZ1xufVxuXG5jb25zdCBBY2NvcmRpb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246ICR7KHsgcmV2ZXJzZURpcmVjdGlvbiB9KSA9PiByZXZlcnNlRGlyZWN0aW9uID8gJ2NvbHVtbi1yZXZlcnNlJyA6ICdjb2x1bW4nfTtcbmBcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6ICR7KHsgb3BlbiwgaGVpZ2h0IH0pID0+IG9wZW4gPyBoZWlnaHQgKyAncHgnIDogMH07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRyYW5zaXRpb246IGhlaWdodCAwLjI1cyBlYXNlLW91dDtcbmBcblxuY29uc3QgQnV0dG9uID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAkeyh7IGZvbnRDb2xvciB9KSA9PiBmb250Q29sb3J9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuYFxuXG5jb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgdHJhbnNmb3JtOiAkeyh7IG9wZW4sIHJvdGF0ZSB9KSA9PiBvcGVuID8gKHJvdGF0ZSB8fCAncm90YXRlKDkwZGVnKScpIDogJ3JvdGF0ZSgwZGVnKSd9O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gLjI1cyBlYXNlLW91dDtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6ICR7KHsgaWNvbldpZHRoIH0pID0+IGljb25XaWR0aCArICdyZW0nIHx8ICcxcmVtJ307XG4gICAgaGVpZ2h0OiAkeyh7IGljb25IZWlnaHQgfSkgPT4gaWNvbkhlaWdodCArICdyZW0nIHx8ICcxcmVtJ307XG4gIH1cbmBcblxuY29uc3QgQ2hldnJvbiA9ICh7IGljb25Db2xvciB9KSA9PiAoXG4gIDxzdmdcbiAgICB3aWR0aD0nMTJweCdcbiAgICBoZWlnaHQ9JzIwcHgnXG4gICAgdmlld0JveD0nMCAwIDEyIDIwJ1xuICAgIHZlcnNpb249JzEuMSdcbiAgICB4bWxuc1hsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJ1xuICA+XG4gICAgPGdcbiAgICAgIHN0cm9rZT17aWNvbkNvbG9yIHx8ICcjMDAwJ31cbiAgICAgIHN0cm9rZVdpZHRoPScxLjVweCdcbiAgICAgIGZpbGw9J25vbmUnXG4gICAgICBmaWxsUnVsZT0nZXZlbm9kZCdcbiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJ1xuICAgID5cbiAgICAgIDxwYXRoIGQ9J00wIDBsOSA5bTAgMGwtOSA4LjQ4NScgLz5cbiAgICA8L2c+XG4gIDwvc3ZnPlxuKVxuXG5DaGV2cm9uLnByb3BUeXBlcyA9IHtcbiAgaWNvbkNvbG9yOiBzdHJpbmdcbn1cblxuY29uc3QgQXJyb3cgPSAoeyBpY29uQ29sb3IgfSkgPT4gKFxuICA8c3ZnXG4gICAgd2lkdGg9JzdweCdcbiAgICBoZWlnaHQ9JzEzcHgnXG4gICAgdmlld0JveD0nMCAwIDcgMTMnXG4gICAgdmVyc2lvbj0nMS4xJ1xuICAgIHhtbG5zWGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnXG4gID5cbiAgICA8cG9seWdvblxuICAgICAgZmlsbD17aWNvbkNvbG9yIHx8ICcjMDAwJ31cbiAgICAgIHBvaW50cz0nMC43NzU3ODEyNSAxMi42MDk3NjU2IDAuNzc1NzgxMjUgMC4xMjIyNjU2MjUgNy4wMTk1MzEyNSA2LjM2NjAxNTYyJ1xuICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnXG4gICAgLz5cbiAgPC9zdmc+XG4pXG5cbkFycm93LnByb3BUeXBlcyA9IHtcbiAgaWNvbkNvbG9yOiBzdHJpbmdcbn1cbiJdfQ== */"));
var Chevron = function Chevron(_ref8) {
var iconColor = _ref8.iconColor;
return _react["default"].createElement("svg", {
width: "12px",
height: "20px",
viewBox: "0 0 12 20",
version: "1.1",
xmlnsXlink: "http://www.w3.org/1999/xlink"
}, _react["default"].createElement("g", {
stroke: iconColor || '#000',
strokeWidth: "1.5px",
fill: "none",
fillRule: "evenodd",
strokeLinecap: "round"
}, _react["default"].createElement("path", {
d: "M0 0l9 9m0 0l-9 8.485"
})));
};
Chevron.propTypes = {
iconColor: _propTypes.string
};
var Arrow = function Arrow(_ref9) {
var iconColor = _ref9.iconColor;
return _react["default"].createElement("svg", {
width: "7px",
height: "13px",
viewBox: "0 0 7 13",
version: "1.1",
xmlnsXlink: "http://www.w3.org/1999/xlink"
}, _react["default"].createElement("polygon", {
fill: iconColor || '#000',
points: "0.77578125 12.6097656 0.77578125 0.122265625 7.01953125 6.36601562",
fillRule: "evenodd"
}));
};
Arrow.propTypes = {
iconColor: _propTypes.string
};