npm - @draftbit/core - Versions diffs - 46.0.1-696ea7.1 → 46.0.1-aad340.1 - Mend

@draftbit/core 46.0.1-696ea7.1 → 46.0.1-aad340.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (178) hide show

package/lib/typescript/src/components/Accordion/AccordionItem.d.ts CHANGED Viewed

@@ -9,7 +9,3015 @@ declare type Props = {
     style?: StyleProp<ViewStyle>;
     theme: Theme;
 } & IconSlot;
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<{
+    icon?: string | undefined;
+    label: string;
+    iconColor?: string | undefined;
+    style?: StyleProp<ViewStyle>;
+    theme: {
+        disabledOpacity: number;
+        roundness: number;
+        dark: boolean;
+        mode: string;
+        borderRadius: {
+            global: number;
+            button: number;
+        };
+        colors: {
+            primary: string;
+            secondary: string;
+            surface: string;
+            background: string;
+            error: string;
+            divider: string;
+            strong: string;
+            medium: string;
+            strongInverse: string;
+            mediumInverse: string;
+            lightInverse: string;
+            light: string;
+            text: string;
+            placeholder: string;
+            disabled: string;
+        };
+        fonts: import("packages/types/lib/typescript/src").Fonts;
+        typography: {
+            headline1: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            headline2: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            headline3: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            headline4: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            headline5: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            subtitle1: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            subtitle2: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            body1: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            body2: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            button: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            caption: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            overline: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            headline6: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+        };
+    };
+} & IconSlot, "theme"> & {
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & (({ Icon, icon, label, style, iconColor, theme, ...rest }: Props) => JSX.Element), {}>;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<{
+    icon?: string | undefined;
+    label: string;
+    iconColor?: string | undefined;
+    style?: StyleProp<ViewStyle>;
+    theme: {
+        disabledOpacity: number;
+        roundness: number;
+        dark: boolean;
+        mode: string;
+        borderRadius: {
+            global: number;
+            button: number;
+        };
+        colors: {
+            primary: string;
+            secondary: string;
+            surface: string;
+            background: string;
+            error: string;
+            divider: string;
+            strong: string;
+            medium: string;
+            strongInverse: string;
+            mediumInverse: string;
+            lightInverse: string;
+            light: string;
+            text: string;
+            placeholder: string;
+            disabled: string;
+        };
+        fonts: import("packages/types/lib/typescript/src").Fonts;
+        typography: {
+            headline1: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            headline2: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            headline3: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            headline4: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            headline5: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            subtitle1: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            subtitle2: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            body1: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            body2: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            button: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            caption: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            overline: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+            headline6: {
+                fontSize: number;
+                letterSpacing: number;
+                lineHeight: number;
+                color?: import("react-native").ColorValue | undefined;
+                fontFamily?: string | undefined;
+                fontStyle?: "normal" | "italic" | undefined;
+                fontWeight?: "400" | "500" | "300" | "100" | "normal" | "bold" | "200" | "600" | "700" | "800" | "900" | undefined;
+                textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+                textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+                textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+                textDecorationColor?: import("react-native").ColorValue | undefined;
+                textShadowColor?: import("react-native").ColorValue | undefined;
+                textShadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                textShadowRadius?: number | undefined;
+                textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+                testID?: string | undefined;
+                fontVariant?: import("react-native").FontVariant[] | undefined;
+                writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+                backfaceVisibility?: "visible" | "hidden" | undefined;
+                backgroundColor?: import("react-native").ColorValue | undefined;
+                borderBottomColor?: import("react-native").ColorValue | undefined;
+                borderBottomEndRadius?: number | undefined;
+                borderBottomLeftRadius?: number | undefined;
+                borderBottomRightRadius?: number | undefined;
+                borderBottomStartRadius?: number | undefined;
+                borderBottomWidth?: number | undefined;
+                borderColor?: import("react-native").ColorValue | undefined;
+                borderEndColor?: import("react-native").ColorValue | undefined;
+                borderLeftColor?: import("react-native").ColorValue | undefined;
+                borderLeftWidth?: number | undefined;
+                borderRadius?: number | undefined;
+                borderRightColor?: import("react-native").ColorValue | undefined;
+                borderRightWidth?: number | undefined;
+                borderStartColor?: import("react-native").ColorValue | undefined;
+                borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+                borderTopColor?: import("react-native").ColorValue | undefined;
+                borderTopEndRadius?: number | undefined;
+                borderTopLeftRadius?: number | undefined;
+                borderTopRightRadius?: number | undefined;
+                borderTopStartRadius?: number | undefined;
+                borderTopWidth?: number | undefined;
+                borderWidth?: number | undefined;
+                opacity?: number | undefined;
+                elevation?: number | undefined;
+                alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+                alignItems?: import("react-native").FlexAlignType | undefined;
+                alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+                aspectRatio?: number | undefined;
+                borderEndWidth?: string | number | undefined;
+                borderStartWidth?: string | number | undefined;
+                bottom?: string | number | undefined;
+                display?: "none" | "flex" | undefined;
+                end?: string | number | undefined;
+                flex?: number | undefined;
+                flexBasis?: string | number | undefined;
+                flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+                flexGrow?: number | undefined;
+                flexShrink?: number | undefined;
+                flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+                height?: string | number | undefined;
+                justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+                left?: string | number | undefined;
+                margin?: string | number | undefined;
+                marginBottom?: string | number | undefined;
+                marginEnd?: string | number | undefined;
+                marginHorizontal?: string | number | undefined;
+                marginLeft?: string | number | undefined;
+                marginRight?: string | number | undefined;
+                marginStart?: string | number | undefined;
+                marginTop?: string | number | undefined;
+                marginVertical?: string | number | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                overflow?: "visible" | "hidden" | "scroll" | undefined;
+                padding?: string | number | undefined;
+                paddingBottom?: string | number | undefined;
+                paddingEnd?: string | number | undefined;
+                paddingHorizontal?: string | number | undefined;
+                paddingLeft?: string | number | undefined;
+                paddingRight?: string | number | undefined;
+                paddingStart?: string | number | undefined;
+                paddingTop?: string | number | undefined;
+                paddingVertical?: string | number | undefined;
+                position?: "absolute" | "relative" | undefined;
+                right?: string | number | undefined;
+                start?: string | number | undefined;
+                top?: string | number | undefined;
+                width?: string | number | undefined;
+                zIndex?: number | undefined;
+                direction?: "ltr" | "rtl" | "inherit" | undefined;
+                shadowColor?: import("react-native").ColorValue | undefined;
+                shadowOffset?: {
+                    width: number;
+                    height: number;
+                } | undefined;
+                shadowOpacity?: number | undefined;
+                shadowRadius?: number | undefined;
+                transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
+                transformMatrix?: number[] | undefined;
+                rotation?: number | undefined;
+                scaleX?: number | undefined;
+                scaleY?: number | undefined;
+                translateX?: number | undefined;
+                translateY?: number | undefined;
+                textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+                includeFontPadding?: boolean | undefined;
+            };
+        };
+    };
+} & IconSlot> & (({ Icon, icon, label, style, iconColor, theme, ...rest }: Props) => JSX.Element), {}>;
 export default _default;