"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const mobx_react_1 = require("xmobx/mobx-react");

const exotic_1 = require("exotic");

const renderProps_1 = require("./renderProps");

const styled_1 = require("./styled");

let ActiveOption = class ActiveOption extends react_1.default.Component {
  render() {
    const props = this.props;
    const {
      onClick,
      state,
      renderText,
      renderActiveAfterText,
      renderActiveBeforeText
    } = props;
    return react_1.default.createElement(styled_1.StyledSelect, {
      onClick: onClick,
      "data-type": "select",
      "aria-haspopup": "listbox"
    }, renderActiveBeforeText(props, state), renderText(props, state), renderActiveAfterText(props, state));
  }

};
ActiveOption.defaultProps = {
  state: exotic_1.EMPTY_OBJ,
  renderText: renderProps_1.defaultRenderText,
  renderActiveAfterText: renderProps_1.defaultRenderActiveAfterText,
  renderActiveBeforeText: renderProps_1.defaultRenderActiveBeforeText
};
ActiveOption = tslib_1.__decorate([mobx_react_1.observer], ActiveOption);
exports.ActiveOption = ActiveOption;
exports.default = ActiveOption; //# sourceMappingURL=ActiveOption.js.map