"use strict";

var __decorate = this && this.__decorate || function (decorators, target, key, desc) {
  var c = arguments.length,
      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
      d;
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
  return c > 3 && r && Object.defineProperty(target, key, r), r;
};

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

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

const react_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 = __decorate([mobx_react_1.observer], ActiveOption);
exports.ActiveOption = ActiveOption;
exports.default = ActiveOption; //# sourceMappingURL=ActiveOption.js.map