import { jsx } from "react/jsx-runtime";
import React__default from "react";
import { icons } from "../../icons/icons.js";
import { c as clsx } from "../../lite-DVmmD_-j.js";
import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
/**
 * Default dropdown indicator for CustomSelect.
 *
 * @param {import('react-select').DropdownIndicatorProps} props - components.DropdownIndicator props.
 *
 * @preserve
 */
const CustomSelectDefaultDropdownIndicator = (props) => {
  return /* @__PURE__ */ jsx(components.DropdownIndicator, { ...props, children: React__default.cloneElement(icons.dropdownCaretAlt, {
    className: clsx(props.selectProps.menuIsOpen && "es:-scale-y-100 ")
  }) });
};
/**
 * Default clear indicator for CustomSelect.
 *
 * @param {import('react-select').ClearIndicatorProps} props - components.DropdownIndicator props.
 *
 * @preserve
 */
const CustomSelectDefaultClearIndicator = (props) => /* @__PURE__ */ jsx(components.ClearIndicator, { ...props, children: icons.clear });
/**
 * Default multiple value remove element for CustomSelect.
 *
 * @param {import('react-select').MultiValueRemoveProps} props - components.MultiValueRemove props.
 *
 * @preserve
 */
const CustomSelectDefaultMultiValueRemove = (props) => /* @__PURE__ */ jsx(components.MultiValueRemove, { ...props, children: React__default.cloneElement(icons.clear, { className: "es:size-4" }) });
export {
  CustomSelectDefaultClearIndicator,
  CustomSelectDefaultDropdownIndicator,
  CustomSelectDefaultMultiValueRemove
};
