UNPKG

@cometchat/chat-uikit-react-native

Version:

Ready-to-use Chat UI Components for React Native

734 lines (733 loc) 35.7 kB
import { CometChatTheme } from "../../../theme/type"; export declare const Styles: (theme: CometChatTheme) => { editPreviewContainerStyle: { alignSelf: "center"; borderRadius: number; padding: number; marginBottom: number; backgroundColor: import("react-native").ColorValue; width: "100%"; borderWidth: number; borderColor: import("react-native").ColorValue; }; previewHeadingStyle: { marginBottom: number; paddingTop: number; }; previewTitleStyle: { color: import("react-native").ColorValue; fontFamily?: string | undefined; fontSize?: number | undefined; fontStyle?: "normal" | "italic" | undefined; fontWeight?: "700" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; letterSpacing: number; lineHeight?: number | undefined; textAlign?: "left" | "auto" | "center" | "right" | "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; userSelect?: "text" | "auto" | "none" | "contain" | "all" | undefined; fontVariant?: import("react-native").FontVariant[] | undefined; writingDirection?: "ltr" | "rtl" | "auto" | undefined; backfaceVisibility?: "visible" | "hidden" | undefined; backgroundColor?: import("react-native").ColorValue | undefined; borderBlockColor?: import("react-native").ColorValue | undefined; borderBlockEndColor?: import("react-native").ColorValue | undefined; borderBlockStartColor?: import("react-native").ColorValue | undefined; borderBottomColor?: import("react-native").ColorValue | undefined; borderBottomEndRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderBottomLeftRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderBottomRightRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderBottomStartRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderColor?: import("react-native").ColorValue | undefined; borderCurve?: "circular" | "continuous" | undefined; borderEndColor?: import("react-native").ColorValue | undefined; borderEndEndRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderEndStartRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderLeftColor?: import("react-native").ColorValue | undefined; borderRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderRightColor?: import("react-native").ColorValue | undefined; borderStartColor?: import("react-native").ColorValue | undefined; borderStartEndRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderStartStartRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderStyle?: "solid" | "dotted" | "dashed" | undefined; borderTopColor?: import("react-native").ColorValue | undefined; borderTopEndRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderTopLeftRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderTopRightRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderTopStartRadius?: string | import("react-native").AnimatableNumericValue | undefined; outlineColor?: import("react-native").ColorValue | undefined; outlineOffset?: import("react-native").AnimatableNumericValue | undefined; outlineStyle?: "solid" | "dotted" | "dashed" | undefined; outlineWidth?: import("react-native").AnimatableNumericValue | undefined; opacity?: import("react-native").AnimatableNumericValue | undefined; elevation?: number | undefined; pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined; isolation?: "auto" | "isolate" | undefined; cursor?: import("react-native").CursorValue | undefined; boxShadow?: string | readonly import("react-native").BoxShadowValue[] | undefined; filter?: string | readonly import("react-native").FilterFunction[] | undefined; mixBlendMode?: import("react-native").BlendMode | undefined; experimental_backgroundImage?: string | readonly import("react-native").GradientValue[] | undefined; alignContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined; alignItems?: import("react-native").FlexAlignType | undefined; alignSelf?: "auto" | import("react-native").FlexAlignType | undefined; aspectRatio?: string | number | undefined; borderBottomWidth?: number | undefined; borderEndWidth?: number | undefined; borderLeftWidth?: number | undefined; borderRightWidth?: number | undefined; borderStartWidth?: number | undefined; borderTopWidth?: number | undefined; borderWidth?: number | undefined; bottom?: import("react-native").DimensionValue | undefined; boxSizing?: "border-box" | "content-box" | undefined; display?: "none" | "flex" | "contents" | undefined; end?: import("react-native").DimensionValue | undefined; flex?: number | undefined; flexBasis?: import("react-native").DimensionValue | undefined; flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined; rowGap?: string | number | undefined; gap?: string | number | undefined; columnGap?: string | number | undefined; flexGrow?: number | undefined; flexShrink?: number | undefined; flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined; height?: import("react-native").DimensionValue | undefined; justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined; left?: import("react-native").DimensionValue | undefined; margin?: import("react-native").DimensionValue | undefined; marginBottom?: import("react-native").DimensionValue | undefined; marginEnd?: import("react-native").DimensionValue | undefined; marginHorizontal?: import("react-native").DimensionValue | undefined; marginLeft?: import("react-native").DimensionValue | undefined; marginRight?: import("react-native").DimensionValue | undefined; marginStart?: import("react-native").DimensionValue | undefined; marginTop?: import("react-native").DimensionValue | undefined; marginVertical?: import("react-native").DimensionValue | undefined; maxHeight?: import("react-native").DimensionValue | undefined; maxWidth?: import("react-native").DimensionValue | undefined; minHeight?: import("react-native").DimensionValue | undefined; minWidth?: import("react-native").DimensionValue | undefined; overflow?: "visible" | "hidden" | "scroll" | undefined; padding?: import("react-native").DimensionValue | undefined; paddingBottom?: import("react-native").DimensionValue | undefined; paddingEnd?: import("react-native").DimensionValue | undefined; paddingHorizontal?: import("react-native").DimensionValue | undefined; paddingLeft?: import("react-native").DimensionValue | undefined; paddingRight?: import("react-native").DimensionValue | undefined; paddingStart?: import("react-native").DimensionValue | undefined; paddingTop?: import("react-native").DimensionValue | undefined; paddingVertical?: import("react-native").DimensionValue | undefined; position?: "absolute" | "relative" | "static" | undefined; right?: import("react-native").DimensionValue | undefined; start?: import("react-native").DimensionValue | undefined; top?: import("react-native").DimensionValue | undefined; width?: import("react-native").DimensionValue | undefined; zIndex?: number | undefined; direction?: "ltr" | "rtl" | "inherit" | undefined; inset?: import("react-native").DimensionValue | undefined; insetBlock?: import("react-native").DimensionValue | undefined; insetBlockEnd?: import("react-native").DimensionValue | undefined; insetBlockStart?: import("react-native").DimensionValue | undefined; insetInline?: import("react-native").DimensionValue | undefined; insetInlineEnd?: import("react-native").DimensionValue | undefined; insetInlineStart?: import("react-native").DimensionValue | undefined; marginBlock?: import("react-native").DimensionValue | undefined; marginBlockEnd?: import("react-native").DimensionValue | undefined; marginBlockStart?: import("react-native").DimensionValue | undefined; marginInline?: import("react-native").DimensionValue | undefined; marginInlineEnd?: import("react-native").DimensionValue | undefined; marginInlineStart?: import("react-native").DimensionValue | undefined; paddingBlock?: import("react-native").DimensionValue | undefined; paddingBlockEnd?: import("react-native").DimensionValue | undefined; paddingBlockStart?: import("react-native").DimensionValue | undefined; paddingInline?: import("react-native").DimensionValue | undefined; paddingInlineEnd?: import("react-native").DimensionValue | undefined; paddingInlineStart?: import("react-native").DimensionValue | undefined; shadowColor?: import("react-native").ColorValue | undefined; shadowOffset?: Readonly<{ width: number; height: number; }> | undefined; shadowOpacity?: import("react-native").AnimatableNumericValue | undefined; shadowRadius?: number | undefined; transform?: string | readonly (({ perspective: import("react-native").AnimatableNumericValue; } & { rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ rotate: import("react-native").AnimatableStringValue; } & { perspective?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ rotateX: import("react-native").AnimatableStringValue; } & { perspective?: undefined; rotate?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ rotateY: import("react-native").AnimatableStringValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ rotateZ: import("react-native").AnimatableStringValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ scale: import("react-native").AnimatableNumericValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ scaleX: import("react-native").AnimatableNumericValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ scaleY: import("react-native").AnimatableNumericValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ translateX: `${number}%` | import("react-native").AnimatableNumericValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ translateY: `${number}%` | import("react-native").AnimatableNumericValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ skewX: import("react-native").AnimatableStringValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ skewY: import("react-native").AnimatableStringValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; matrix?: undefined; }) | ({ matrix: import("react-native").AnimatableNumericValue[]; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; }))[] | undefined; transformOrigin?: string | (string | number)[] | undefined; transformMatrix?: number[] | undefined; rotation?: import("react-native").AnimatableNumericValue | undefined; scaleX?: import("react-native").AnimatableNumericValue | undefined; scaleY?: import("react-native").AnimatableNumericValue | undefined; translateX?: import("react-native").AnimatableNumericValue | undefined; translateY?: import("react-native").AnimatableNumericValue | undefined; textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined; verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined; includeFontPadding?: boolean | undefined; }; previewSubTitleStyle: { color: import("react-native").ColorValue; fontFamily?: string | undefined; fontSize?: number | undefined; fontStyle?: "normal" | "italic" | undefined; fontWeight?: "700" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined; letterSpacing: number; lineHeight?: number | undefined; textAlign?: "left" | "auto" | "center" | "right" | "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; userSelect?: "text" | "auto" | "none" | "contain" | "all" | undefined; fontVariant?: import("react-native").FontVariant[] | undefined; writingDirection?: "ltr" | "rtl" | "auto" | undefined; backfaceVisibility?: "visible" | "hidden" | undefined; backgroundColor?: import("react-native").ColorValue | undefined; borderBlockColor?: import("react-native").ColorValue | undefined; borderBlockEndColor?: import("react-native").ColorValue | undefined; borderBlockStartColor?: import("react-native").ColorValue | undefined; borderBottomColor?: import("react-native").ColorValue | undefined; borderBottomEndRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderBottomLeftRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderBottomRightRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderBottomStartRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderColor?: import("react-native").ColorValue | undefined; borderCurve?: "circular" | "continuous" | undefined; borderEndColor?: import("react-native").ColorValue | undefined; borderEndEndRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderEndStartRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderLeftColor?: import("react-native").ColorValue | undefined; borderRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderRightColor?: import("react-native").ColorValue | undefined; borderStartColor?: import("react-native").ColorValue | undefined; borderStartEndRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderStartStartRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderStyle?: "solid" | "dotted" | "dashed" | undefined; borderTopColor?: import("react-native").ColorValue | undefined; borderTopEndRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderTopLeftRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderTopRightRadius?: string | import("react-native").AnimatableNumericValue | undefined; borderTopStartRadius?: string | import("react-native").AnimatableNumericValue | undefined; outlineColor?: import("react-native").ColorValue | undefined; outlineOffset?: import("react-native").AnimatableNumericValue | undefined; outlineStyle?: "solid" | "dotted" | "dashed" | undefined; outlineWidth?: import("react-native").AnimatableNumericValue | undefined; opacity?: import("react-native").AnimatableNumericValue | undefined; elevation?: number | undefined; pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined; isolation?: "auto" | "isolate" | undefined; cursor?: import("react-native").CursorValue | undefined; boxShadow?: string | readonly import("react-native").BoxShadowValue[] | undefined; filter?: string | readonly import("react-native").FilterFunction[] | undefined; mixBlendMode?: import("react-native").BlendMode | undefined; experimental_backgroundImage?: string | readonly import("react-native").GradientValue[] | undefined; alignContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined; alignItems?: import("react-native").FlexAlignType | undefined; alignSelf?: "auto" | import("react-native").FlexAlignType | undefined; aspectRatio?: string | number | undefined; borderBottomWidth?: number | undefined; borderEndWidth?: number | undefined; borderLeftWidth?: number | undefined; borderRightWidth?: number | undefined; borderStartWidth?: number | undefined; borderTopWidth?: number | undefined; borderWidth?: number | undefined; bottom?: import("react-native").DimensionValue | undefined; boxSizing?: "border-box" | "content-box" | undefined; display?: "none" | "flex" | "contents" | undefined; end?: import("react-native").DimensionValue | undefined; flex?: number | undefined; flexBasis?: import("react-native").DimensionValue | undefined; flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined; rowGap?: string | number | undefined; gap?: string | number | undefined; columnGap?: string | number | undefined; flexGrow?: number | undefined; flexShrink?: number | undefined; flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined; height?: import("react-native").DimensionValue | undefined; justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined; left?: import("react-native").DimensionValue | undefined; margin?: import("react-native").DimensionValue | undefined; marginBottom: import("react-native").DimensionValue; marginEnd?: import("react-native").DimensionValue | undefined; marginHorizontal?: import("react-native").DimensionValue | undefined; marginLeft?: import("react-native").DimensionValue | undefined; marginRight?: import("react-native").DimensionValue | undefined; marginStart?: import("react-native").DimensionValue | undefined; marginTop?: import("react-native").DimensionValue | undefined; marginVertical?: import("react-native").DimensionValue | undefined; maxHeight?: import("react-native").DimensionValue | undefined; maxWidth?: import("react-native").DimensionValue | undefined; minHeight?: import("react-native").DimensionValue | undefined; minWidth?: import("react-native").DimensionValue | undefined; overflow?: "visible" | "hidden" | "scroll" | undefined; padding?: import("react-native").DimensionValue | undefined; paddingBottom?: import("react-native").DimensionValue | undefined; paddingEnd?: import("react-native").DimensionValue | undefined; paddingHorizontal?: import("react-native").DimensionValue | undefined; paddingLeft?: import("react-native").DimensionValue | undefined; paddingRight?: import("react-native").DimensionValue | undefined; paddingStart?: import("react-native").DimensionValue | undefined; paddingTop?: import("react-native").DimensionValue | undefined; paddingVertical?: import("react-native").DimensionValue | undefined; position?: "absolute" | "relative" | "static" | undefined; right?: import("react-native").DimensionValue | undefined; start?: import("react-native").DimensionValue | undefined; top?: import("react-native").DimensionValue | undefined; width?: import("react-native").DimensionValue | undefined; zIndex?: number | undefined; direction?: "ltr" | "rtl" | "inherit" | undefined; inset?: import("react-native").DimensionValue | undefined; insetBlock?: import("react-native").DimensionValue | undefined; insetBlockEnd?: import("react-native").DimensionValue | undefined; insetBlockStart?: import("react-native").DimensionValue | undefined; insetInline?: import("react-native").DimensionValue | undefined; insetInlineEnd?: import("react-native").DimensionValue | undefined; insetInlineStart?: import("react-native").DimensionValue | undefined; marginBlock?: import("react-native").DimensionValue | undefined; marginBlockEnd?: import("react-native").DimensionValue | undefined; marginBlockStart?: import("react-native").DimensionValue | undefined; marginInline?: import("react-native").DimensionValue | undefined; marginInlineEnd?: import("react-native").DimensionValue | undefined; marginInlineStart?: import("react-native").DimensionValue | undefined; paddingBlock?: import("react-native").DimensionValue | undefined; paddingBlockEnd?: import("react-native").DimensionValue | undefined; paddingBlockStart?: import("react-native").DimensionValue | undefined; paddingInline?: import("react-native").DimensionValue | undefined; paddingInlineEnd?: import("react-native").DimensionValue | undefined; paddingInlineStart?: import("react-native").DimensionValue | undefined; shadowColor?: import("react-native").ColorValue | undefined; shadowOffset?: Readonly<{ width: number; height: number; }> | undefined; shadowOpacity?: import("react-native").AnimatableNumericValue | undefined; shadowRadius?: number | undefined; transform?: string | readonly (({ perspective: import("react-native").AnimatableNumericValue; } & { rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ rotate: import("react-native").AnimatableStringValue; } & { perspective?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ rotateX: import("react-native").AnimatableStringValue; } & { perspective?: undefined; rotate?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ rotateY: import("react-native").AnimatableStringValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ rotateZ: import("react-native").AnimatableStringValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ scale: import("react-native").AnimatableNumericValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ scaleX: import("react-native").AnimatableNumericValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ scaleY: import("react-native").AnimatableNumericValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ translateX: `${number}%` | import("react-native").AnimatableNumericValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ translateY: `${number}%` | import("react-native").AnimatableNumericValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ skewX: import("react-native").AnimatableStringValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewY?: undefined; matrix?: undefined; }) | ({ skewY: import("react-native").AnimatableStringValue; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; matrix?: undefined; }) | ({ matrix: import("react-native").AnimatableNumericValue[]; } & { perspective?: undefined; rotate?: undefined; rotateX?: undefined; rotateY?: undefined; rotateZ?: undefined; scale?: undefined; scaleX?: undefined; scaleY?: undefined; translateX?: undefined; translateY?: undefined; skewX?: undefined; skewY?: undefined; }))[] | undefined; transformOrigin?: string | (string | number)[] | undefined; transformMatrix?: number[] | undefined; rotation?: import("react-native").AnimatableNumericValue | undefined; scaleX?: import("react-native").AnimatableNumericValue | undefined; scaleY?: import("react-native").AnimatableNumericValue | undefined; translateX?: import("react-native").AnimatableNumericValue | undefined; translateY?: import("react-native").AnimatableNumericValue | undefined; textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined; verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined; includeFontPadding?: boolean | undefined; }; previewCloseStyle: { position: "absolute"; top: number; right: number; width: number; height: number; }; previewCloseIconStyle: { width: number; height: number; tintColor: import("react-native").ColorValue; }; };