import React, { ElementType, HTMLAttributes, MouseEvent, ReactNode } from 'react';
import { OverridableComponent, ColorType, BaseProps, TextLabelProps } from '@toptal/picasso-shared';
declare type VariantColorType = Extract<ColorType, 'red' | 'green' | 'yellow'>;
declare type Variant = `value-${VariantColorType}` | `label-${VariantColorType}`;
export declare type Props = BaseProps & TextLabelProps & HTMLAttributes<HTMLButtonElement> & {
    /** Counter value  */
    value: ReactNode;
    /** Counter title  */
    label: string;
    /** The color variant  */
    variant?: Variant;
    /** Component used for the root node. Either a string to use a DOM element or a component. */
    as?: ElementType;
    /** Callback invoked when component is clicked */
    onClick?: (event: MouseEvent) => void;
};
export declare const OverviewBlock: OverridableComponent<Props>;
declare const _default: OverridableComponent<Props> & {
    Group: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement> & {
        align?: import("../OverviewBlockGroup/settings").Alignment | undefined;
        blockWidth?: import("../OverviewBlockGroup/settings").BlockWidth | undefined;
    }>;
    Row: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>>;
};
export default _default;