import type { ApiResourceKind } from "@stigmer/protos/ai/stigmer/commons/apiresource/apiresourcekind/api_resource_kind_pb";
import type { ShareFlowResource } from "./useShareFlow.js";
/** Props for {@link SharePanel}. */
export interface SharePanelProps {
    /** The resource to share. */
    readonly resource: ShareFlowResource;
    /** Resource kind string for the API ref (e.g. "agent", "session"). */
    readonly resourceKindString: string;
    /** ApiResourceKind enum value for grantable-role lookup. */
    readonly resourceKind: ApiResourceKind;
    /**
     * Organization the resource belongs to (`metadata.org`). Drives the
     * org-member typeahead in the grant form.
     */
    readonly orgId: string;
    /** Fired when the user closes the panel. */
    readonly onClose?: () => void;
    /** Additional CSS class names for the root container. */
    readonly className?: string;
}
/**
 * Self-contained sharing panel that displays who has access to a
 * resource and allows granting/revoking access.
 *
 * A thin header-and-close wrapper around {@link PeopleWithAccess} — the same
 * "people with access" body the unified Manage access dialog renders — so the
 * two surfaces stay byte-for-byte consistent. Suitable for embedding in a
 * popover or sidebar; for the full visibility + people experience use the
 * Manage access dialog instead.
 *
 * All visual properties flow through `--stgm-*` design tokens.
 *
 * @example
 * ```tsx
 * <SharePanel
 *   resource={{ kind: "session", id: sessionId, resourceKind: ApiResourceKind.session }}
 *   resourceKindString="session"
 *   resourceKind={ApiResourceKind.session}
 *   orgId={orgId}
 *   onClose={() => setOpen(false)}
 * />
 * ```
 */
export declare function SharePanel({ resource, resourceKindString, resourceKind, orgId, onClose, className, }: SharePanelProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=SharePanel.d.ts.map