/** Props for {@link OrgUsagePanel}. */
export interface OrgUsagePanelProps {
    /** Organization ID (`metadata.id`) to fetch usage for. */
    readonly orgId: string;
    /** Additional CSS class names for the root container. */
    readonly className?: string;
}
/**
 * Self-contained dashboard panel showing organization-wide LLM usage metrics.
 *
 * Displays summary cards (total cost, LLM calls, tokens), a daily cost
 * bar chart, and per-model breakdown with call counts and token splits.
 * Data is fetched via `getOrgUsageReport` with a configurable date range.
 *
 * All visual properties flow through `--stgm-*` design tokens. Zero
 * Console dependencies — safe for platform builder embedding.
 *
 * @example
 * ```tsx
 * <OrgUsagePanel orgId={activeOrg.metadata.id} />
 * ```
 */
export declare function OrgUsagePanel({ orgId, className }: OrgUsagePanelProps): import("react/jsx-runtime").JSX.Element | null;
//# sourceMappingURL=OrgUsagePanel.d.ts.map