@cometchat/chat-uikit-react-native
Version:
Ready-to-use Chat UI Components for React Native
734 lines (733 loc) • 35.7 kB
TypeScript
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;
};
};