import type { ResourceRef } from "@stigmer/sdk";
/** Props for {@link SkillPicker}. */
export interface SkillPickerProps {
    /** Organization slug used as the default search scope. */
    readonly org: string;
    /**
     * Controls search scope.
     *
     * - `"org"` — search only within the provided organization.
     * - `"all"` — search all organizations the caller can access,
     *   including public/platform skills from other orgs.
     *
     * @default "org"
     */
    readonly scope?: "org" | "all";
    /** Currently selected skill references. */
    readonly value: ResourceRef[];
    /** Called when the selection changes. */
    readonly onChange: (refs: ResourceRef[]) => void;
    /** Called with the display name when an item is added (for chip rendering). */
    readonly onDisplayNameResolved?: (key: string, name: string) => void;
    /** Disables all interaction. */
    readonly disabled?: boolean;
    /** Additional CSS class names for the root container. */
    readonly className?: string;
}
/**
 * Searchable picker for selecting skills from the platform.
 *
 * Renders a search input and scrollable list of available skills.
 * Designed to be placed inside a popover container — this component
 * renders the picker content, not the popover shell.
 *
 * Selected skills produce `ResourceRef[]` with `kind: skill`.
 *
 * All visual properties flow through `--stgm-*` tokens.
 *
 * @example
 * ```tsx
 * function SkillSelector({ org }: { org: string }) {
 *   const [skills, setSkills] = useState<ResourceRef[]>([]);
 *
 *   return (
 *     <SkillPicker
 *       org={org}
 *       value={skills}
 *       onChange={setSkills}
 *     />
 *   );
 * }
 * ```
 */
export declare function SkillPicker({ org, scope, value, onChange, onDisplayNameResolved, disabled, className, }: SkillPickerProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=SkillPicker.d.ts.map