import React from "react";
import { Middleware, Placement } from "@floating-ui/react";
import { FilterSize, FilterVariant } from "../FilterInputAbstract/types";
type FilterSelectInputProps = {
    value: string;
    options: string[];
    selectedIndex: number;
    selectOptions: {
        icon: React.ReactElement<any>;
        label: string;
    }[];
    onChange: (value: string) => void;
    onSelectChange: (index: number) => void;
    size?: FilterSize;
    variant?: FilterVariant;
    searchPlaceholder?: string;
    noResultsMessage?: string;
    disabled?: boolean;
    error?: boolean;
    /**
     * Floating UIのplacement（メニューの表示位置）
     * 詳細は https://floating-ui.com/docs/tutorial#placements を参照
     */
    placement?: Placement;
    /**
     * Floating UIのmiddleware配列（高度なメニュー位置制御用）
     * 詳細は https://floating-ui.com/docs/middleware を参照
     */
    middleware?: Middleware[];
};
export declare const FilterSelectInput: ({ value, options, selectedIndex, selectOptions, onChange, onSelectChange, size, variant, searchPlaceholder, noResultsMessage, disabled, error, placement, middleware, }: FilterSelectInputProps) => React.JSX.Element;
export {};