import React, { ComponentProps, FunctionComponent } from 'react';
import { PreferenceDropdown } from './PreferenceDropdown';
import { PreferenceKeybinding } from './PreferenceKeybinding';
import { PreferenceNumber } from './PreferenceNumber';
import { PreferenceSwitch } from './PreferenceSwitch';
import { PreferenceText } from './PreferenceText';
type PreferenceType = 'boolean' | 'dropdown' | 'keybinding' | 'number' | 'string';
type PreferenceProps<TString extends PreferenceType> = {
    className?: string;
    style?: React.CSSProperties;
    innerClassName?: string;
    innerStyle?: React.CSSProperties;
    title?: string;
    tooltip?: string;
    options?: any[];
    type: TString;
};
export type BooleanPreference = PreferenceProps<'boolean'> & ComponentProps<typeof PreferenceSwitch>;
export type StringPreference = PreferenceProps<'string'> & ComponentProps<typeof PreferenceText>;
export type DropdownPreference = PreferenceProps<'dropdown'> & ComponentProps<typeof PreferenceDropdown>;
export type KeybindingPreference = PreferenceProps<'keybinding'> & ComponentProps<typeof PreferenceKeybinding>;
export type NumberPreference = PreferenceProps<'number'> & ComponentProps<typeof PreferenceNumber>;
export type Props = BooleanPreference | StringPreference | DropdownPreference | KeybindingPreference | NumberPreference;
export declare const Preference: FunctionComponent<Props>;
export {};