goobs-frontend
Version:
A comprehensive React-based libary for building modern web applications
66 lines • 2.27 kB
TypeScript
import { default as React } from 'react';
export interface QRCodeTheme {
container: React.CSSProperties;
title: React.CSSProperties;
qrCodeContainer: React.CSSProperties;
infoText: React.CSSProperties;
successContainer: React.CSSProperties;
successIcon: React.CSSProperties;
successMessage: React.CSSProperties;
buttonContainer: React.CSSProperties;
confirmationContainer: React.CSSProperties;
errorContainer: React.CSSProperties;
errorText: React.CSSProperties;
glyph: React.CSSProperties;
decorativeGlyphs: React.CSSProperties;
decorativeGlyph: React.CSSProperties;
transition: string;
}
export interface QRCodeStyles {
theme?: 'light' | 'dark' | 'sacred';
backgroundColor?: string;
borderColor?: string;
borderRadius?: string;
borderWidth?: string;
boxShadow?: string;
padding?: string;
titleColor?: string;
titleFontSize?: string;
titleFontWeight?: string | number;
infoTextColor?: string;
qrBackgroundColor?: string;
qrBorderColor?: string;
qrBoxShadow?: string;
successIconColor?: string;
successMessageColor?: string;
errorTextColor?: string;
size?: number;
maxWidth?: string;
width?: string;
minWidth?: string;
height?: string;
maxHeight?: string;
minHeight?: string;
transitionDuration?: string;
transitionEasing?: string;
showGlyphs?: boolean;
}
export declare const qrCodeThemes: Record<'light' | 'dark' | 'sacred', QRCodeTheme>;
export declare const getQRCodeTheme: (styles?: QRCodeStyles) => QRCodeTheme;
export declare const getQRCodeStyles: (styles?: QRCodeStyles, responsiveSize?: number) => {
container: React.CSSProperties;
title: React.CSSProperties;
qrCodeContainer: React.CSSProperties;
infoText: React.CSSProperties;
successContainer: React.CSSProperties;
successIcon: React.CSSProperties;
successMessage: React.CSSProperties;
buttonContainer: React.CSSProperties;
confirmationContainer: React.CSSProperties;
errorContainer: React.CSSProperties;
errorText: React.CSSProperties;
glyph: React.CSSProperties;
decorativeGlyphs: React.CSSProperties;
decorativeGlyph: React.CSSProperties;
};
//# sourceMappingURL=qrcode.d.ts.map