/*! Strand UI | MIT License | dillingerstaffing.com */
import type { JSX } from "preact";
export interface SelectOption {
    value: string;
    label: string;
}
export interface SelectProps extends Omit<JSX.HTMLAttributes<HTMLSelectElement>, "onChange"> {
    options: SelectOption[];
    disabled?: boolean;
    value?: string;
    onChange?: (e: JSX.TargetedEvent<HTMLSelectElement>) => void;
    /** Error styling and `aria-invalid`. */
    error?: boolean;
    /** Disabled first option shown until a value is chosen. */
    placeholder?: string;
}
/**
 * Native select with a styled wrapper.
 *
 * @example
 * <Select placeholder="Choose a role" options={[{ value: "eng", label: "Engineer" }]} value={role} onChange={(e) => setRole(e.currentTarget.value)} />
 */
export declare const Select: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<SelectProps> & {
    ref?: import("preact").Ref<HTMLSelectElement> | undefined;
}>;
//# sourceMappingURL=Select.d.ts.map