import { default as React } from 'react';
export type ContextSelectorProject = {
    id: string;
    name: string;
    avatar?: React.ReactNode;
};
export type ContextSelectorOrganization = {
    id: string;
    name: string;
    avatar?: React.ReactNode;
    projects?: ContextSelectorProject[];
};
export type ContextSelectorPersonal = {
    label?: string;
    avatar?: React.ReactNode;
};
export type ContextSelectorData = {
    personal: ContextSelectorPersonal;
    organizations: ContextSelectorOrganization[];
};
export type ContextValue = {
    kind: 'personal';
} | {
    kind: 'organization';
    organizationId: string;
} | {
    kind: 'project';
    organizationId: string;
    projectId: string;
};
export type ContextSelectorVariant = 'grouped' | 'by-org';
type ContextSelectorProps = {
    data: ContextSelectorData;
    value: ContextValue;
    onChange: (next: ContextValue) => void;
    variant?: ContextSelectorVariant;
    label?: string;
    placeholder?: string;
    disabled?: boolean;
    minWidth?: number | string;
};
export declare const ContextSelector: React.FC<ContextSelectorProps>;
export default ContextSelector;