import { LitElement } from 'lit';
/**
 * QR Code component is used for providing information or links
 * to users which they can quickly scan with their smartphone.
 *
 * @status ready
 * @category image
 * @displayName QR Code
 */
export default class Qrcode extends LitElement {
    static styles: import("lit").CSSResult[];
    private canvas;
    private computed;
    /**
     * The value of the QR Code, most commonly an URL.
     */
    value: string;
    /**
     * Label used by assistive technology. If unspecified, the value will
     * be used instead.
     */
    label: string;
    /**
     * The size of the rendered QR Code in pixels.
     */
    size: number;
    /**
     * The fill color of the QR Code.
     * Can accept any valid CSS color value, including custom properties.
     */
    color: string;
    /**
     * The background color of the QR Code.
     * Can accept any valid CSS color value, including custom properties.
     */
    background: string;
    /**
     * Error correction level makes the QR Code bigger and helps users to
     * scan it without issues. L, M, Q and H values will use 7%, 15%, 25%
     * and 30% of the QR code for error correction respectively.
     */
    correction: 'L' | 'M' | 'Q' | 'H';
    firstUpdated(): void;
    private generate;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'nord-qrcode': Qrcode;
    }
}