/**
 * The `breakdown` chart — a label / value / optional-cost row table.
 *
 * The card the user asked for (2026-09-28, the 「Token 用量」 element): a hairline
 * divider under the head, then one row per bucket with the label flush left, the
 * figure hard right, and — when the route has a published rate — the money in a
 * third column. It is a GRID, not a flex row per line: the value and cost columns
 * must line up across rows even though the labels and figures differ in width, and
 * only a shared column track can promise that at every card side.
 *
 * The cost cell stays EMPTY when the widget did not supply one: a route with no
 * price rule must not print a confident `$0.00` (the same rule usage-center's
 * pricing module is written around).
 */
import * as React from 'react';
import type { ChartProps } from './types';
export declare function BreakdownChart({ chart, scale }: ChartProps): React.ReactElement | null;