import * as react_jsx_runtime from 'react/jsx-runtime';
import { ReactNode } from 'react';
import { WallTokenAdmin } from '../../hooks/useWallToken.js';

interface TokenPanelProps {
    admin: WallTokenAdmin;
    open: boolean;
    onToggle: () => void;
    className?: string;
    children: ReactNode;
}
declare function TokenPanelRoot({ admin, open, onToggle, className, children, }: TokenPanelProps): react_jsx_runtime.JSX.Element;
interface TokenPanelToggleProps {
    className?: string;
    /** Override the default label ("Wall Access Token (set)" / "(not set)"). */
    children?: ReactNode;
    /** Override the leading icon. Pass `null` to omit. */
    icon?: ReactNode;
}
declare function Toggle({ className, children, icon }: TokenPanelToggleProps): react_jsx_runtime.JSX.Element;
interface TokenPanelPanelProps {
    className?: string;
    children: ReactNode;
}
declare function Panel({ className, children }: TokenPanelPanelProps): react_jsx_runtime.JSX.Element | null;
interface TokenPanelDescriptionProps {
    className?: string;
    children?: ReactNode;
}
declare function Description({ className, children }: TokenPanelDescriptionProps): react_jsx_runtime.JSX.Element;
interface TokenPanelControlsProps {
    className?: string;
    children: ReactNode;
}
declare function Controls({ className, children }: TokenPanelControlsProps): react_jsx_runtime.JSX.Element;
interface TokenPanelInputProps {
    className?: string;
    placeholder?: string;
}
declare function Input({ className, placeholder }: TokenPanelInputProps): react_jsx_runtime.JSX.Element;
interface TokenPanelGenerateProps {
    className?: string;
    children?: ReactNode;
    length?: number;
}
declare function Generate({ className, children, length }: TokenPanelGenerateProps): react_jsx_runtime.JSX.Element;
interface TokenPanelSaveProps {
    className?: string;
    /** Label shown when not saving. Default: "Save". */
    children?: ReactNode;
    /** Label shown while saving. Default: "Saving...". */
    savingLabel?: ReactNode;
}
declare function Save({ className, children, savingLabel }: TokenPanelSaveProps): react_jsx_runtime.JSX.Element;
interface TokenPanelClearProps {
    className?: string;
    children?: ReactNode;
}
declare function Clear({ className, children }: TokenPanelClearProps): react_jsx_runtime.JSX.Element | null;
interface TokenPanelShareSectionProps {
    className?: string;
    children: ReactNode;
}
declare function ShareSection({ className, children }: TokenPanelShareSectionProps): react_jsx_runtime.JSX.Element | null;
interface TokenPanelShareLinkProps {
    className?: string;
}
declare function ShareLink({ className }: TokenPanelShareLinkProps): react_jsx_runtime.JSX.Element;
interface TokenPanelQRProps {
    /** Canvas size in px (controls download resolution). Default 512. */
    size?: number;
    /** Displayed CSS size in px. Default 160. */
    displaySize?: number;
    level?: 'L' | 'M' | 'Q' | 'H';
    marginSize?: number;
    /** Optional wrapper className (e.g. for a framed background). */
    frameClassName?: string;
}
declare function QR({ size, displaySize, level, marginSize, frameClassName, }: TokenPanelQRProps): react_jsx_runtime.JSX.Element;
interface TokenPanelDownloadProps {
    className?: string;
    children?: ReactNode;
    icon?: ReactNode;
}
declare function Download({ className, children, icon }: TokenPanelDownloadProps): react_jsx_runtime.JSX.Element;
/**
 * Owner-only admin panel for the wall access token, expressed as a compound
 * component. The root wires up context (admin state + open/toggle); each
 * subcomponent reads from context and accepts its own className.
 *
 * Standard shape:
 *
 * ```tsx
 * <TokenPanel admin={tokenAdmin} open={open} onToggle={...} className="mb-3">
 *   <TokenPanel.Toggle className="..." />
 *   <TokenPanel.Panel className="...">
 *     <TokenPanel.Description className="..." />
 *     <TokenPanel.Controls className="...">
 *       <TokenPanel.Input className="..." />
 *       <TokenPanel.Generate className="..." />
 *       <TokenPanel.Save className="..." />
 *       <TokenPanel.Clear className="..." />
 *     </TokenPanel.Controls>
 *     <TokenPanel.ShareSection className="...">
 *       <TokenPanel.ShareLink className="..." />
 *       <TokenPanel.QR frameClassName="..." />
 *       <TokenPanel.Download className="..." />
 *     </TokenPanel.ShareSection>
 *   </TokenPanel.Panel>
 * </TokenPanel>
 * ```
 *
 * Templates are free to re-arrange, omit, or wrap any subcomponent.
 */
declare const TokenPanel: typeof TokenPanelRoot & {
    Toggle: typeof Toggle;
    Panel: typeof Panel;
    Description: typeof Description;
    Controls: typeof Controls;
    Input: typeof Input;
    Generate: typeof Generate;
    Save: typeof Save;
    Clear: typeof Clear;
    ShareSection: typeof ShareSection;
    ShareLink: typeof ShareLink;
    QR: typeof QR;
    Download: typeof Download;
};

export { TokenPanel, type TokenPanelClearProps, type TokenPanelControlsProps, type TokenPanelDescriptionProps, type TokenPanelDownloadProps, type TokenPanelGenerateProps, type TokenPanelInputProps, type TokenPanelPanelProps, type TokenPanelProps, type TokenPanelQRProps, type TokenPanelSaveProps, type TokenPanelShareLinkProps, type TokenPanelShareSectionProps, type TokenPanelToggleProps };