import "./diff_value.css";
import type * as React from "react";
import { type ReactNode } from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
export interface DiffValueProps extends StyleProps {
    /**
     * Omit for an addition. May be a node (a `FileBadge`, a chip), struck by a drawn rule since
     * `line-through` does not cross an element.
     */
    before?: ReactNode;
    /** Omit for a removal: the struck `before` is the change. */
    after?: ReactNode;
    /**
     * `stacked` (default) for a column of figures compared downward; `inline` with an arrow for prose
     * and dense rows.
     */
    layout?: "stacked" | "inline";
    size?: "xs" | "sm" | "md";
    /** Right for figures, left for text; the two lines must agree with each other. */
    align?: "left" | "right";
    /** Always on for money and counts, so the struck and new digits line up. */
    /** Default `success` (a proposal); `danger` when the change is the bad news. */
    tone?: "success" | "danger" | "default";
    /**
     * Stands in for a missing side when the absence needs a word. Your string: this component ships
     * no words. Unlike `DiffMark`'s row word ("Removed"), this names what is in the field now ("đã
     * xóa", "bỏ trống").
     */
    placeholder?: string;
    /**
     * Pre-formatted by the host ("+250 pcs"), sparing the reader the subtraction; a string because
     * only the host knows unit, sign and rounding, as `Finding.delta`.
     */
    delta?: string;
    accessibilityLabel?: string;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
export declare function DiffValue(props: DiffValueProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;