import { default as React, ReactNode } from 'react';
export type ValueTileOrientation = 'vertical' | 'horizontal';
export interface ValueTileProps {
    /**
     * Display value for the convenience API. When using the compound API,
     * leave this undefined and pass `ValueTile.Value` as a child instead.
     * `undefined` renders an em-dash, matching the prior `NumberCard`
     * loading state.
     */
    number?: number | string;
    /**
     * Caption for the convenience API. Pair with `number`. Use the
     * compound `ValueTile.Caption` for richer markup.
     */
    label?: string;
    /**
     * `vertical` (default) stacks value above caption — used by Hero stat
     * panels and dashboard tiles. `horizontal` lays them out side-by-side
     * with a baseline-aligned row, suited to inline data displays.
     */
    orientation?: ValueTileOrientation;
    children?: ReactNode;
    className?: string;
    testId?: string;
}
interface ValueProps {
    children?: ReactNode;
    className?: string;
}
interface CaptionProps {
    children?: ReactNode;
    className?: string;
}
interface ValueTileComponent extends React.FC<ValueTileProps> {
    Value: React.FC<ValueProps>;
    Caption: React.FC<CaptionProps>;
}
export declare const ValueTile: ValueTileComponent;
export {};
//# sourceMappingURL=ValueTile.d.ts.map