import { VariantProps } from 'class-variance-authority';
import { default as React } from 'react';
declare const qrContainerVariants: (props?: ({
    variant?: "primary" | "secondary" | "ghost" | "white" | null | undefined;
    padding?: "sm" | "md" | "lg" | "none" | null | undefined;
    shadow?: "sm" | "md" | "lg" | "none" | null | undefined;
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
export type DotShape = "square" | "circle" | "rounded" | "diamond" | "classy";
export type CornerFrameShape = "square" | "circle" | "rounded" | "extra-rounded" | "leaf";
export type CornerDotShape = "square" | "circle" | "rounded" | "diamond";
export interface QRCodeRootProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof qrContainerVariants> {
    value: string;
    /** Size in pixels (width & height) */
    size?: number;
    /** Shape of the small data dots */
    dotShape?: DotShape;
    /** Shape of the 3 corner finder frames (outer ring) */
    cornerFrameShape?: CornerFrameShape;
    /** Shape of the 3 corner finder dots (inner ball) */
    cornerDotShape?: CornerDotShape;
    /**
     * Deprecated: Use `cornerFrameShape` instead.
     * @deprecated
     */
    cornerShape?: CornerFrameShape;
    /** Color of the data dots (Tailwind class or CSS var) */
    color?: string;
    /** Color of the corner finders */
    cornerColor?: string;
    /** URL for a centered logo */
    logo?: string;
    /** Size of the logo (0-1 relative to QR size) @default 0.2 */
    logoSize?: number;
    /** Background color behind the logo for contrast */
    logoBackgroundColor?: string;
    /** Error Correction Level */
    ecLevel?: "L" | "M" | "Q" | "H";
    /** @deprecated Use <QRCode.Toolbar /> instead */
    showToolbar?: boolean;
    /** @deprecated Use <QRCode.Content /> instead */
    showData?: boolean;
}
export declare const QRCodeCanvas: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
export declare const QRCodeContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
export declare const QRCodeToolbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
export declare const QRCode: React.ForwardRefExoticComponent<Omit<QRCodeProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
    Canvas: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
    Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
    Toolbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
};
export {};
