(function (factory) {
    if (typeof module === "object" && typeof module.exports === "object") {
        var v = factory(require, exports);
        if (v !== undefined) module.exports = v;
    }
    else if (typeof define === "function" && define.amd) {
        define(["require", "exports", "tslib", "@greenatom/icons", "react", "./styles"], factory);
    }
})(function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var tslib_1 = require("tslib");
    var icons_1 = require("@greenatom/icons");
    var react_1 = (0, tslib_1.__importDefault)(require("react"));
    var styles_1 = require("./styles");
    var SelectClearIndicator = function (props) {
        var getStyles = props.getStyles, _a = props.innerProps, ref = _a.ref, restInnerProps = (0, tslib_1.__rest)(_a, ["ref"]);
        return (react_1.default.createElement(styles_1.SelectBaseClearIndicatorStyled, (0, tslib_1.__assign)({ size: props.selectProps.size, "data-element": "select-clearIndicator" }, restInnerProps, { onMouseDown: function () { return props.clearValue(); }, ref: ref, style: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, getStyles("clearIndicator", props)), { padding: 0 }) }),
            react_1.default.createElement(icons_1.IconBrokenCloseCircle, { "data-element": "input-clearIcon", width: 16, height: 16 })));
    };
    exports.default = SelectClearIndicator;
});
