import Component from '@glimmer/component';
import QRCodeStyling from 'qr-code-styling';
import { CornerDotType, CornerSquareType, DotType } from 'qr-code-styling/lib/types';
import './index.css';
interface StyledQrCodeComponentArgs {
    size: number | undefined;
    data: string;
    margin: number | undefined;
    image: string | undefined;
    backgroundColor: string | undefined;
    dotType: DotType | undefined;
    dotColor: string | undefined;
    cornerDotColor: string | undefined;
    cornerDotType: CornerDotType | undefined;
    cornerSquareColor: string | undefined;
    cornerSquareType: CornerSquareType | undefined;
    imageMargin: number | undefined;
}
declare class StyledQrCodeComponent extends Component<StyledQrCodeComponentArgs> {
    size: number;
    backgroundColor: string;
    dotColor: string;
    dotType: DotType;
    margin: number;
    imageMargin: number;
    qrCode: QRCodeStyling | undefined;
    get qrOptions(): {
        width: number;
        height: number;
        margin: number;
        data: string;
        image: string | undefined;
        dotsOptions: {
            color: string;
            type: DotType;
        };
        backgroundOptions: {
            color: string;
        };
        cornersDotOptions: {
            color: string | undefined;
            type: CornerDotType | undefined;
        };
        cornersSquareOptions: {
            color: string | undefined;
            type: CornerSquareType | undefined;
        };
        imageOptions: {
            margin: number;
            hideBackgroundDots: boolean;
        };
    };
    generateQrCode(element: HTMLElement): void;
    updateQrCode(): void;
}
export default StyledQrCodeComponent;
