# Invoice studio

An editable invoice with live totals and a clear save flow.

- ID: `invoice-studio`
- Import: `animui/invoice-studio`
- Category: block
- Runtime exports: `InvoiceStudio`
- Declaration: `types/pro/invoice-studio.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: billing-overview, number-field, sortable-data-table

```tsx
import { InvoiceStudio } from 'animui/invoice-studio';
```

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 invoice-studio` 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 InvoiceStudioProps {
  onSave?: () => void;
}

export declare const InvoiceStudio: ComponentType<InvoiceStudioProps>;

export default InvoiceStudio;
```