import _styled from "styled-components";
import React from "react";
import { StyledInputSelectTrigger } from "./Styles";
import { ArrowDownIcon, ArrowDownSmallIcon } from "../Icons";
import { Select } from "../Select";
import { StyledButton } from "../Trigger/Styles";
export const InputSelect = _ref => {
  let {
    onChange,
    size,
    selected,
    options,
    search = false,
    disabled = false,
    disabledInternalSort = true,
    keepSameOptionsOrder = true,
    selectedLabel,
    renderOption
  } = _ref;
  return /*#__PURE__*/React.createElement(Select, {
    onChange: onChange,
    forceCloseMenu: true,
    disableSearch: !search,
    target: /*#__PURE__*/React.createElement(_StyledStyledButton, null, /*#__PURE__*/React.createElement(StyledInputSelectTrigger, {
      $disabled: disabled,
      $size: size
    }, selectedLabel ? selectedLabel : selected, size === "big" ? /*#__PURE__*/React.createElement(ArrowDownIcon, {
      fill: "var(--color-theme-700)"
    }) : /*#__PURE__*/React.createElement(ArrowDownSmallIcon, {
      fill: "var(--color-theme-700)"
    }))),
    options: options,
    disabledInternalSort: disabledInternalSort,
    keepSameOptionsOrder: keepSameOptionsOrder,
    selected: selected,
    renderOption: renderOption
  });
};
var _StyledStyledButton = _styled(StyledButton).withConfig({
  displayName: "InputSelect___StyledStyledButton",
  componentId: "sc-1lmb5y-0"
})(["flex-shrink:0"]);
//# sourceMappingURL=InputSelect.js.map