# Billing overview

A billing page where the plan card morphs into a picker and usage, invoices, and card follow.

- ID: `billing-overview`
- Import: `animui/billing-overview`
- Category: block
- Runtime exports: `BillingOverview`
- Declaration: `types/pro/billing-overview.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: usage-meter, plan-comparison, cancel-flow, invoice-studio, settings-page

```tsx
import { BillingOverview } from 'animui/billing-overview';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info billing-overview` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface BillingOverviewProps {

}

export declare const BillingOverview: ComponentType<BillingOverviewProps>;

export default BillingOverview;
```