import { ArrayMaybe, Observable, ObservableMaybe, ObservableReadonly } from 'woby';
export type WheelerItem<T = unknown> = {
    value: T;
    label: string | number;
    component?: (props: {
        itemHeight: number;
        value: WheelerItem;
        index: number;
    }) => HTMLLIElement;
    hasComponent?: boolean;
};
export type WheelerProps<T = unknown> = {
    options: ObservableMaybe<WheelerItem<T>[]>;
    itemHeight?: ObservableMaybe<number>;
    itemCount?: ObservableMaybe<number>;
    value?: ObservableMaybe<ArrayMaybe<WheelerItem<T>['value']>>;
    class?: JSX.Class;
    header?: (v: ObservableMaybe<ArrayMaybe<WheelerItem<T>['value']>>) => JSX.Element;
    /** implicit for multiple */
    all?: ObservableMaybe<string>;
    ok?: ObservableMaybe<boolean>;
    visible?: Observable<boolean>;
    bottom?: ObservableMaybe<boolean>;
    cancelOnBlur?: ObservableMaybe<boolean>;
    commitOnBlur?: ObservableMaybe<boolean>;
    mask?: boolean;
    changeValueOnClickOnly?: boolean;
};
/**
 *
 * type User = { id: number; name: string };

// id as required string
type WithChangedId = ChangeProp<User, 'id', string>;
// → { name: string; id: string }

// id as optional string
type WithOptionalId = ChangeProp<User, 'id', string, true>;
// → { name: string; id?: string }
 */
export type ChangeProp<T, K extends keyof T, V, Optional extends boolean = false> = Omit<T, K> & {
    [P in K]: Optional extends true ? V | undefined : V;
};
export declare const useArrayOptions: <T>(data: ObservableMaybe<T[]>) => ObservableReadonly<any>;
type Enum = {
    [key: string]: string | number;
};
export declare const useEnumOptions: <E extends Enum>(enumObj: ObservableMaybe<E>) => ObservableReadonly<WheelerItem<E[keyof E]>[]>;
export declare const useRecordOptions: <T, V>(data: ObservableMaybe<Record<keyof T, ObservableMaybe<V>>>) => ObservableReadonly<WheelerItem<ObservableMaybe<V>>[]>;
export {};
//# sourceMappingURL=WheelerType.d.ts.map