import React, { PureComponent } from 'react'; import { ImageSourcePropType, ImageStyle, StyleProp, TextStyle, TouchableOpacityProps, ViewStyle, ViewProps } from 'react-native'; declare const LABEL_FORMATTER_VALUES: readonly [1, 2, 3, 4]; type LabelFormatterValues = typeof LABEL_FORMATTER_VALUES[number]; export type BadgeProps = ViewProps & TouchableOpacityProps & { /** * Text to show inside the badge. * Not passing a label (undefined) will present a pimple badge. */ label?: string; /** * Color of the badge background */ backgroundColor?: string; /** * the badge size */ size?: number; /** * Press handler */ onPress?: (props: any) => void; /** * Defines how far a touch event can start away from the badge. */ hitSlop?: ViewProps['hitSlop']; /** * width of border around the badge */ borderWidth?: number; /** * radius of border around the badge */ borderRadius?: number; /** * color of border around the badge */ borderColor?: ImageStyle['borderColor']; /** * Additional styles for the top container */ containerStyle?: StyleProp; /** * Additional styles for the badge label */ labelStyle?: StyleProp; /** * Receives a number from 1 to 4, representing the label's max digit length. * Beyond the max number for that digit length, a "+" will show at the end. * If set to a value not included in LABEL_FORMATTER_VALUES, no formatting will occur. * Example: labelLengthFormater={2}, label={124}, label will present "99+". */ labelFormatterLimit?: LabelFormatterValues; /** * Renders an icon badge */ icon?: ImageSourcePropType; /** * Additional styling to badge icon */ iconStyle?: object; /** * Additional props passed to icon */ iconProps?: object; /** * Custom element to render instead of an icon */ customElement?: JSX.Element; key?: string | number; }; /** * @description: Round colored badge, typically used to show a number * @extends: View * @image: https://user-images.githubusercontent.com/33805983/34480753-df7a868a-efb6-11e7-9072-80f5c110a4f3.png * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/BadgesScreen.tsx */ declare class Badge extends PureComponent { static displayName: string; styles: ReturnType; constructor(props: BadgeProps); getAccessibilityProps(): { accessible: boolean; accessibilityRole: string; accessibilityLabel: string; }; get size(): number; isSmallBadge(): boolean; getBadgeSizeStyle(): any; getFormattedLabel(): any; getBorderStyling(): ViewStyle; renderLabel(): React.JSX.Element | undefined; renderCustomElement(): JSX.Element | undefined; renderIcon(): 0 | React.JSX.Element | undefined; render(): React.JSX.Element; } declare function createStyles(props: BadgeProps): { badge: { alignSelf: "flex-start"; borderRadius: number; backgroundColor: string | undefined; alignItems: "center"; justifyContent: "center"; overflow: "hidden"; }; label: { color: string; backgroundColor: string; fontFamily?: string | undefined; fontSize?: number | undefined; fontStyle?: "normal" | "italic" | undefined; fontWeight?: "black" | 900 | 600 | "light" | 100 | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 200 | 300 | 400 | 500 | 700 | 800 | "ultralight" | "thin" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | undefined; letterSpacing?: number | undefined; lineHeight?: number | 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; userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined; fontVariant?: import("react-native").FontVariant[] | undefined; writingDirection?: "auto" | "ltr" | "rtl" | undefined; backfaceVisibility?: "visible" | "hidden" | 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?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | 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?: "center" | "flex-start" | "flex-end" | "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: import("react-native").AnimatableNumericValue | `${number}%`; } & { 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: import("react-native").AnimatableNumericValue | `${number}%`; } & { 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; }; labelSmall: { lineHeight: undefined; color?: import("react-native").ColorValue | undefined; fontFamily?: string | undefined; fontSize?: number | undefined; fontStyle?: "normal" | "italic" | undefined; fontWeight?: "black" | 900 | 600 | "light" | 100 | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 200 | 300 | 400 | 500 | 700 | 800 | "ultralight" | "thin" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | undefined; letterSpacing?: number | 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; userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined; fontVariant?: import("react-native").FontVariant[] | undefined; writingDirection?: "auto" | "ltr" | "rtl" | 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?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | 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?: "center" | "flex-start" | "flex-end" | "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: import("react-native").AnimatableNumericValue | `${number}%`; } & { 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: import("react-native").AnimatableNumericValue | `${number}%`; } & { 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; }; }; export { Badge }; declare const _default: React.ForwardRefExoticComponent void) | undefined; /** * Defines how far a touch event can start away from the badge. */ hitSlop?: number | import("react-native").Insets | null | undefined; /** * width of border around the badge */ borderWidth?: number | undefined; /** * radius of border around the badge */ borderRadius?: number | undefined; /** * color of border around the badge */ borderColor?: import("react-native").ColorValue | undefined; /** * Additional styles for the top container */ containerStyle?: StyleProp; /** * Additional styles for the badge label */ labelStyle?: StyleProp; /** * Receives a number from 1 to 4, representing the label's max digit length. * Beyond the max number for that digit length, a "+" will show at the end. * If set to a value not included in LABEL_FORMATTER_VALUES, no formatting will occur. * Example: labelLengthFormater={2}, label={124}, label will present "99+". */ labelFormatterLimit?: 1 | 3 | 2 | 4 | undefined; /** * Renders an icon badge */ icon?: ImageSourcePropType | undefined; /** * Additional styling to badge icon */ iconStyle?: object | undefined; /** * Additional props passed to icon */ iconProps?: object | undefined; /** * Custom element to render instead of an icon */ customElement?: JSX.Element | undefined; key?: string | number | undefined; } & React.RefAttributes> & typeof Badge; export default _default;