import * as React from 'react';
import { ReactNode } from 'react';

declare type ErrorCorrectionLevel = "L" | "M" | "Q" | "H";
declare const QR: ({ color, backgroundColor, cutout, cutoutElement, errorCorrectionLevel, rounding, children, ...props }: {
    /** The color of the QR code
     * @default "#000"
     * */
    color?: string | undefined;
    /** The background color of the QR code */
    backgroundColor?: string | undefined;
    /** Whether to cut out the middle for placing some content here (e.g. a logo) */
    cutout?: boolean | undefined;
    /** The element to place in the middle of the QR code */
    cutoutElement?: ReactNode;
    /** Raising this level improves error correction capability but also increases the amount of data QR Code size
     * The available levels are:
     * - L: 7%
     * - M: 15%
     * - Q: 25%
     * - H: 30%
     * @default "Q"
     * */
    errorCorrectionLevel?: ErrorCorrectionLevel | undefined;
    /** The amount of rounding to apply to the QR code elements from 0 to 100
     * @default 0
     * */
    rounding?: number | undefined;
    /** The QR code data */
    children: string;
} & React.SVGAttributes<SVGElement>) => JSX.Element | null;

export { ErrorCorrectionLevel, QR };