import { jsx as _jsx } from "react/jsx-runtime";
import cx from "classnames";
import { useIntl } from "react-intl";
import { Input } from "../../Form/Input.js";
/**
 * @internal
 */
export function InvertableSelectSearchBar({ className, isSmall, searchString, onSearch, onEscKeyPress, searchPlaceholder, onKeyDown, }) {
    const intl = useIntl();
    return (_jsx(Input, { className: cx(["gd-invertable-select-search-input gd-flex-item-mobile", className]), value: searchString, onChange: onSearch, onEscKeyPress: onEscKeyPress, onKeyDown: onKeyDown, placeholder: searchPlaceholder ?? intl.formatMessage({ id: "gs.list.search.placeholder" }), autofocus: true, clearOnEsc: true, isSearch: true, isSmall: isSmall, type: "search", accessibilityConfig: {
            ariaLabel: intl.formatMessage({ id: "gs.list.acessibility.search.label" }),
        } }));
}
