import type { ComponentProps, CSSProperties, ReactNode } from 'react';
import type { SelectInput } from '../../components/SelectInput';
export type SelectorOption = {
    content: ReactNode;
    icon?: ReactNode;
    value: string;
    hoverContent?: ReactNode;
    disabled?: boolean;
    tooltip?: string;
    optionalInfo?: ReactNode;
};
export type SelectorProps = Pick<ComponentProps<typeof SelectInput>, 'label' | 'labelDescription' | 'error' | 'disabled' | 'helper' | 'readOnly' | 'placeholder' | 'emptyState' | 'searchable' | 'footer' | 'tooltip' | 'loadMore' | 'isLoading' | 'aria-label'> & {
    options: SelectorOption[];
    tooltip?: string;
};
export type OptionSelectorProps = {
    className?: string;
    'data-testid'?: string;
    style?: CSSProperties;
    firstSelector: SelectorProps;
    secondSelector?: SelectorProps;
    size?: ComponentProps<typeof SelectInput>['size'];
    disabled?: boolean;
    readOnly?: boolean;
    name?: string;
    'aria-label'?: string;
    error?: string | boolean;
    required?: boolean;
    onChange?: (values: {
        first?: string;
        second?: string;
        changingValue: 'first' | 'second';
    }) => void;
    value?: {
        first?: string;
        second?: string;
    };
    /** Hide the second selector when the first does not have a selected value */
    hideWhenEmpty?: boolean;
    direction?: 'vertical' | 'horizontal';
};
//# sourceMappingURL=types.d.ts.map