import React from 'react';
import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
import type { DotOverlap } from '@coinbase/cds-common/types/DotBaseProps';
import type {
  DotCountPinPlacement,
  DotCountVariants,
} from '@coinbase/cds-common/types/DotCountBaseProps';
import type { SharedAccessibilityProps } from '@coinbase/cds-common/types/SharedAccessibilityProps';
import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
import {
  MAX_OVERFLOW_COUNT,
  parseDotCountMaxOverflow,
} from '@coinbase/cds-common/utils/parseDotCountMaxOverflow';
import { type BoxBaseProps } from '../layout/Box';
export { MAX_OVERFLOW_COUNT, parseDotCountMaxOverflow };
export type DotCountBaseProps = SharedProps &
  Pick<
    SharedAccessibilityProps,
    'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
  > &
  Omit<BoxBaseProps, 'children' | 'background' | 'pin' | 'style' | 'height'> & {
    /**
     * The number value to be shown in the dot. If count is <= 0, dot will not show up.
     *  */
    count: number;
    /**
     * If a badge count is greater than max, it will truncate the numbers so its max+
     * @default 99
     *  */
    max?: number;
    /**
     * Background color of dot
     * @default negative
     * */
    variant?: DotCountVariants;
    /** Position of dot relative to its parent */
    pin?: DotCountPinPlacement;
    /** Children of where the dot will anchor to */
    children?: React.ReactNode;
    /** Indicates what shape Dot is overlapping */
    overlap?: DotOverlap;
    /**
     * Fixed height of the DotCount badge container. Width grows based on content length.
     * @default 24
     */
    height?: BoxBaseProps['height'];
  };
export type DotCountProps = DotCountBaseProps & {
  style?: StyleProp<ViewStyle>;
  /** Custom styles for individual elements of the DotCount component */
  styles?: {
    /** Root element */
    root?: StyleProp<ViewStyle>;
    /** Container element */
    container?: StyleProp<ViewStyle>;
    /** Text element */
    text?: StyleProp<TextStyle>;
  };
};
export declare const DotCount: React.MemoExoticComponent<
  (_props: DotCountProps) => import('react/jsx-runtime').JSX.Element
>;
//# sourceMappingURL=DotCount.d.ts.map