import { __assign, __rest } from "tslib";
import { IconBrokenCloseCircle } from "@greenatom/icons";
import React from "react";
import { SelectBaseClearIndicatorStyled } from "./styles";
var SelectClearIndicator = function (props) {
    var getStyles = props.getStyles, _a = props.innerProps, ref = _a.ref, restInnerProps = __rest(_a, ["ref"]);
    return (React.createElement(SelectBaseClearIndicatorStyled, __assign({ size: props.selectProps.size, "data-element": "select-clearIndicator" }, restInnerProps, { onMouseDown: function () { return props.clearValue(); }, ref: ref, style: __assign(__assign({}, getStyles("clearIndicator", props)), { padding: 0 }) }),
        React.createElement(IconBrokenCloseCircle, { "data-element": "input-clearIcon", width: 16, height: 16 })));
};
export default SelectClearIndicator;
