import React from 'react';
import { IDot } from './types/dot';
declare const DotBoundary: <V = string | undefined, S = string | undefined>(props: IDot<V, S>, ref?: React.ForwardedRef<HTMLSpanElement> | undefined | null) => JSX.Element;
declare const Dot: <V = undefined extends string | unknown ? string | undefined : string | unknown, S = undefined extends string | unknown ? string | undefined : string | unknown>(props: React.PropsWithChildren<IDot<V, S>> & {
    ref?: React.ForwardedRef<HTMLSpanElement> | undefined | null;
}) => ReturnType<typeof DotBoundary>;
/**
 * @description
 * Dot component is a component that can be used to display a dot.
 * It can be used to display a notification dot or a dot to indicate a status.
 * @param {IDot<V, S>} props
 * @returns {JSX.Element}
 * @constructor
 * @example
 * <Dot variant="primary" size="SMALL" number={1} maxNumber={99} />
 */
export { Dot };