import * as React from "react"; export interface FontWeights { light: number; regular: number; medium: number; bold: number; } export interface FontFamilies { ltr: string; rtl: string; monospace: string; } export interface Variants { h1: React.CSSProperties; h2: React.CSSProperties; h3: React.CSSProperties; h4: React.CSSProperties; h5: React.CSSProperties; h6: React.CSSProperties; subtitle: React.CSSProperties; subtitleSmall: React.CSSProperties; body: React.CSSProperties; bodySmall: React.CSSProperties; caption: React.CSSProperties; captionSmall: React.CSSProperties; } export interface Typography { fontWeight: FontWeights; fontFamily: FontFamilies; fontSize: number; htmlFontSize: number; variants: Variants; setText: (textProperties?: { fontSize?: React.CSSProperties["fontSize"]; fontWeight?: React.CSSProperties["fontWeight"]; lineHeight?: React.CSSProperties["lineHeight"]; color?: React.CSSProperties["color"]; }) => React.CSSProperties; pxToRem: (size: number) => string; remToPx: (size: number) => string; } export declare const sonnatRtlFontFamily: "IRANSans, Arial, Tahoma, Helvetica"; export declare const sonnatLtrFontFamily: "\"Roboto\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\",\n\"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\""; export declare const sonnatMonospaceFontFamily: "\"Roboto Mono\", \"SFMono-Regular\", \"Menlo\", \"Monaco\",\n\"Consolas\", \"Liberation Mono\", \"Courier New\", \"monospace\""; export declare const sonnatFontSize: 16; export declare const sonnatHtmlFontSize: 16; export declare const sonnatFontWeight: { readonly light: 300; readonly regular: 400; readonly medium: 500; readonly bold: 700; }; export interface TypographyInput { fontSize?: Typography["fontSize"]; htmlFontSize?: Typography["htmlFontSize"]; ltrFontFamily?: Typography["fontFamily"]["ltr"]; rtlFontFamily?: Typography["fontFamily"]["rtl"]; monospaceFontFamily?: Typography["fontFamily"]["monospace"]; } declare const createTypography: (typographyInput?: TypographyInput | undefined) => Typography; export default createTypography;