import { IArchbaseDataSourceBase } from '@archbase/data';
export interface ArchbaseQRCodeImageSettings {
    src: string;
    height: number;
    width: number;
    excavate: boolean;
}
export interface ArchbaseQRCodeProps<T> {
    /** DataSource to read the string value from */
    dataSource?: IArchbaseDataSourceBase<T>;
    /** Field name within the DataSource */
    dataField?: string;
    /** Standalone string value to encode */
    value?: string;
    /** Render as SVG or Canvas */
    renderAs?: 'svg' | 'canvas';
    /** Size in pixels */
    size?: number;
    /** Error correction level */
    level?: 'L' | 'M' | 'Q' | 'H';
    /** Background color (dark mode aware) */
    bgColor?: string;
    /** Foreground color (dark mode aware) */
    fgColor?: string;
    /** Include margin around the QR code */
    includeMargin?: boolean;
    /** Optional logo/image in the center of the QR code */
    imageSettings?: ArchbaseQRCodeImageSettings;
    /** Label for Input.Wrapper */
    label?: string;
    /** Description for Input.Wrapper */
    description?: string;
    /** Error message for Input.Wrapper */
    error?: string;
    /** Custom style */
    style?: React.CSSProperties;
    /** Custom class name */
    className?: string;
}
declare function ArchbaseQRCode<T>({ dataSource, dataField, value: valueProp, renderAs, size, level, bgColor, fgColor, includeMargin, imageSettings, label, description, error, style, className, }: ArchbaseQRCodeProps<T>): import("react/jsx-runtime").JSX.Element;
declare namespace ArchbaseQRCode {
    var displayName: string;
}
export { ArchbaseQRCode };
