import type { TypedBindVariable } from './BindVariable.js';
import type { FilterSelectFunc, HTMLInputTypeAttribute, SelectHTMLAttributes } from '../../../types/jsx/html.js';
import type { InputKeyboardEvent } from '../../../types/jsx/html.events.js';
import { TungstenSimpleComponent } from '../../Components.jsx';
import { DetailedHTMLProps } from '../../../types/jsx/jsx.js';
export type OptionStruct<Option> = {
    value: Option;
    text: string;
};
type BasicProps = {
    className?: string;
    style?: object;
    css?: string;
    name?: string;
    type?: HTMLInputTypeAttribute | undefined;
    value?: string;
    placeholder?: string;
};
export type BindableSelectProps<O extends object, K extends keyof O, Option extends string> = DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement, O>, HTMLSelectElement> & BasicProps & {
    options: readonly OptionStruct<Option>[];
} & ({} | ({
    bind: TypedBindVariable<O, K>;
} & (Option extends O[K] ? {
    filter?: FilterSelectFunc<InputKeyboardEvent, Option, O[K]> | undefined;
} : {
    filter: FilterSelectFunc<InputKeyboardEvent, Option, O[K]>;
})));
export declare class BindableSelect<O extends object, K extends keyof O, Options extends string> extends TungstenSimpleComponent<BindableSelectProps<O, K, Options>> {
    content: () => import("../../ContentNode.js").ContentNode;
}
export {};
//# sourceMappingURL=BindableSelect.d.ts.map