import { jsx as _jsx } from "react/jsx-runtime";
// (C) 2007-2025 GoodData Corporation
import cx from "classnames";
import { useIntl } from "react-intl";
import { Input } from "../../Form/index.js";
/**
 * @internal
 */
export function InvertableSelectSearchBar(props) {
    const { className, isSmall, searchString, onSearch, searchPlaceholder } = props;
    const intl = useIntl();
    return (_jsx(Input, { className: cx(["gd-invertable-select-search-input gd-flex-item-mobile", className]), value: searchString, onChange: onSearch, 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" }),
        } }));
}
//# sourceMappingURL=InvertableSelectSearchBar.js.map