import { Context } from "koa";
import { FlatTemplatable } from "tempstream";
import { FormField } from "../fields/field.js";
import { PickFromListField } from "../fields/pick-from-list.js";
import { FormDataValue } from "../form-types.js";
import { FormControlContext } from "./form-control.js";
import { SimpleInput } from "./simple-input.js";
export type DropdownOptions = {
    label: string;
    autosubmit?: boolean;
    autocomplete?: boolean;
};
export type DropdownOption = {
    value: string;
    label: string;
};
export declare class FreeformDropdown extends SimpleInput {
    field: FormField<boolean, string | null>;
    _generateOptions: (ctx: Context) => Promise<DropdownOption[]>;
    options: DropdownOptions;
    constructor(field: FormField<boolean, string | null>, _generateOptions: (ctx: Context) => Promise<DropdownOption[]>, options?: DropdownOptions);
    generateOptions(ctx: Context): Promise<DropdownOption[]>;
    getInputAttributes(fctx: FormControlContext): Promise<Record<string, string | boolean>>;
    renderInput(ctx: Context, attributes_str: string, data: Record<string, FormDataValue>): Promise<FlatTemplatable>;
}
export declare class Dropdown extends FreeformDropdown {
    field: PickFromListField<boolean>;
    options: DropdownOptions;
    constructor(field: PickFromListField<boolean>, options?: DropdownOptions);
}