import { JSX } from 'solid-js';
export type LedgerTone = "default" | "muted" | "live" | "danger" | "success";
export interface LedgerRowProps {
    /** Decorative leading glyph; the label carries the row's meaning for assistive technology. */
    marker?: string;
    label: JSX.Element;
    value: JSX.Element;
    tone?: LedgerTone;
    /** Renders the value struck through — a bid that has been beaten, a price already passed. */
    struck?: boolean;
    class?: string;
}
export declare function LedgerRow(props: LedgerRowProps): JSX.Element;
export declare namespace LedgerRow {
    var displayName: string;
}
/** A row whose value has not arrived yet: the label stands, the figure is a placeholder. */
export declare function LedgerSkeletonRow(props: {
    label: JSX.Element;
}): JSX.Element;
export declare namespace LedgerSkeletonRow {
    var displayName: string;
}
export declare function Ledger(props: {
    children: JSX.Element;
    class?: string;
}): JSX.Element;
export declare namespace Ledger {
    var displayName: string;
}
/**
 * Discrete unit pips for a Dutch remaining count, shown only at the wide container width.
 *
 * The pips are decorative; the grid states the count once in its own label so a screen reader
 * hears "7 of 20 units remaining" rather than twenty unlabelled cells.
 */
export declare function UnitPips(props: {
    remaining: number;
    total: number;
    label: string;
}): JSX.Element;
export declare namespace UnitPips {
    var displayName: string;
}