/// <reference types="react" />
import { TextStyle } from 'react-native';
export interface BadgeProps {
    /**
     * Whether the badge is visible
     */
    visible?: boolean;
    /**
     * The variant to use.
     */
    variant?: 'standard' | 'dot';
    /**
     * Content of the `Badge`.
     */
    children?: string | number;
    style?: TextStyle;
}
export declare const BadgeDefaultProps: Partial<BadgeProps>;
/**
 * # 🔴 Badge
 *
 * Badges are small status descriptors for UI elements. A badge consists of a
 * small circle, typically containing a number or other short set of characters,
 * that appears in proximity to another object.
 *
 * ## Usage
 ```jsx
import * as React from 'react';
import { Badge } from '@bluebase/components';

const MyComponent = () => (
  <Badge>3</Badge>
);

export default MyComponent;
```
 */
export declare const Badge: import("react").ComponentType<BadgeProps>;