"use strict";
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 _renderProps_1 = require("../Option/_renderProps");
const _renderProps_2 = require("./_renderProps");
const _styled_1 = require("./_styled");
// extends Option<ActiveOptionProps>
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 = {
    // @@todo @james @sri
    state: {},
    renderText: _renderProps_1.defaultRenderText,
    renderActiveAfterText: _renderProps_2.defaultRenderActiveAfterText,
    renderActiveBeforeText: _renderProps_2.defaultRenderActiveBeforeText,
};
exports.ActiveOption = ActiveOption;
exports.default = ActiveOption;
//# sourceMappingURL=ActiveOption.js.map