"use strict";

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

const tslib_1 = require("tslib");

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

const react_animate_height_1 = tslib_1.__importDefault(require("react-animate-height"));

const styled_1 = require("./styled");
/**
 * @todo renderList prop here & render the list mapping...
 */


class OptionList extends react_1.default.PureComponent {
  render() {
    const {
      className,
      list,
      isVisible,
      children
    } = this.props;
    const dynamicHeight = isVisible ? 'auto' : 0;
    return react_1.default.createElement(styled_1.OptionListWrapper, {
      className: className,
      length: list.length,
      isVisible: isVisible,
      tabIndex: "-1",
      role: "listbox",
      "data-type": "list"
    }, react_1.default.createElement(react_animate_height_1.default, {
      duration: 240,
      height: dynamicHeight
    }, children));
  }

}

exports.OptionList = OptionList;
exports.default = OptionList; //# sourceMappingURL=OptionList.js.map