/**
 * React Wrappers for Consent Web Components
 *
 * Uses @lit/react to create React components from Lit web components.
 * This enables using the same components in AgentShield (React/Next.js).
 *
 * @module react
 */
import { type EventName } from '@lit/react';
import { ConsentButton } from '../components/consent-button.js';
import { ConsentCheckbox } from '../components/consent-checkbox.js';
import { ConsentInput } from '../components/consent-input.js';
import { ConsentShell } from '../components/consent-shell.js';
import { ConsentPermissions } from '../components/consent-permissions.js';
import { ConsentTerms } from '../components/consent-terms.js';
import { ConsentOAuthButton } from '../components/consent-oauth-button.js';
import { ConsentOTPInput } from '../components/consent-otp-input.js';
import { McpConsent } from '../components/mcp-consent.js';
/**
 * React wrapper for consent-button
 */
export declare const ConsentButtonReact: import("@lit/react").ReactWebComponent<ConsentButton, {
    onClick: EventName<MouseEvent>;
}>;
/**
 * React wrapper for consent-checkbox
 */
export declare const ConsentCheckboxReact: import("@lit/react").ReactWebComponent<ConsentCheckbox, {
    onChange: EventName<CustomEvent<{
        checked: boolean;
        value: string;
    }>>;
}>;
/**
 * React wrapper for consent-input
 */
export declare const ConsentInputReact: import("@lit/react").ReactWebComponent<ConsentInput, {
    onInput: EventName<Event>;
    onChange: EventName<Event>;
}>;
/**
 * React wrapper for consent-shell
 */
export declare const ConsentShellReact: import("@lit/react").ReactWebComponent<ConsentShell, {}>;
/**
 * React wrapper for consent-permissions
 */
export declare const ConsentPermissionsReact: import("@lit/react").ReactWebComponent<ConsentPermissions, {
    onChange: EventName<CustomEvent<{
        selected: string[];
    }>>;
}>;
/**
 * React wrapper for consent-terms
 */
export declare const ConsentTermsReact: import("@lit/react").ReactWebComponent<ConsentTerms, {
    onChange: EventName<CustomEvent<{
        checked: boolean;
        value: string;
    }>>;
}>;
/**
 * OAuth click event detail
 */
export interface OAuthClickDetail {
    provider: string;
    url: string;
}
/**
 * React wrapper for consent-oauth-button
 */
export declare const ConsentOAuthButtonReact: import("@lit/react").ReactWebComponent<ConsentOAuthButton, {
    onOAuthClick: EventName<CustomEvent<OAuthClickDetail>>;
}>;
/**
 * React wrapper for consent-otp-input
 *
 * Events:
 * - onComplete: Fired when all digits are entered (detail: { value: string })
 * - onChange: Fired when value changes (detail: { value: string })
 */
export declare const ConsentOTPInputReact: import("@lit/react").ReactWebComponent<ConsentOTPInput, {
    onComplete: EventName<CustomEvent<{
        value: string;
    }>>;
    onChange: EventName<CustomEvent<{
        value: string;
    }>>;
}>;
/**
 * React wrapper for mcp-consent (full consent flow)
 *
 * @example
 * ```tsx
 * import { McpConsentReact } from '@kya-os/consent/react';
 *
 * <McpConsentReact
 *   config={{ branding: { primaryColor: '#2563eb' } }}
 *   tool="greet"
 *   scopes={['read:profile']}
 *   agentDid="did:key:z123"
 *   sessionId="sess_123"
 *   projectId="proj_123"
 *   serverUrl="https://example.com"
 *   onApprove={(e) => console.log('Approved', e.detail)}
 *   onDeny={() => console.log('Denied')}
 *   onError={(e) => console.log('Error', e.detail)}
 * />
 * ```
 */
export declare const McpConsentReact: import("@lit/react").ReactWebComponent<McpConsent, {
    onApprove: EventName<CustomEvent>;
    onDeny: EventName<CustomEvent>;
    onError: EventName<CustomEvent<{
        error: string;
    }>>;
}>;
export type { ButtonVariant } from '../components/consent-button.js';
export type { InputType } from '../components/consent-input.js';
export type { PermissionItem } from '../components/consent-permissions.js';
export type { OAuthProvider } from '../components/consent-oauth-button.js';
export type { OAuthIdentity, ConsentApproveDetail, ConsentErrorDetail, } from '../components/mcp-consent.js';
//# sourceMappingURL=index.d.ts.map