import type { ResourceRef } from "@stigmer/sdk";
/** Props for {@link EnvironmentPicker}. */
export interface EnvironmentPickerProps {
    /** Organization slug to list environments from. */
    readonly org: string;
    /** Currently selected environment references, in merge order. */
    readonly value: readonly ResourceRef[];
    /** Called when the selection changes. */
    readonly onChange: (refs: ResourceRef[]) => void;
    /** Disable all interactions. */
    readonly disabled?: boolean;
    /** Additional CSS class names for the root container. */
    readonly className?: string;
}
/**
 * Multi-select component for binding Environment resources to an instance.
 *
 * Displays available environments as a dropdown and shows selected environments
 * as an ordered list with position numbers indicating merge priority.
 * Later entries override earlier ones when keys conflict.
 *
 * Uses `useEnvironmentList(org)` for data. Arrow buttons provide accessible
 * reordering without requiring drag-and-drop libraries.
 *
 * @example
 * ```tsx
 * <EnvironmentPicker
 *   org="acme"
 *   value={environmentRefs}
 *   onChange={setEnvironmentRefs}
 * />
 * ```
 */
export declare function EnvironmentPicker({ org, value, onChange, disabled, className, }: EnvironmentPickerProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=EnvironmentPicker.d.ts.map