> ## Documentation Index
> Fetch the complete documentation index at: https://docs.renchi.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# QuickCloseDialog

> QuickCloseDialog component

QuickCloseDialog component

## Props

<ResponseField name="open" type="boolean" required={true}>
  open
</ResponseField>

<ResponseField name="onOpenChange" type="(open: boolean) => void" required={true}>
  onOpenChange
</ResponseField>

<ResponseField name="jobId" type="string" required={true}>
  jobId
</ResponseField>

<ResponseField name="customerName" type="string" required={true}>
  customerName
</ResponseField>

<ResponseField
  name="onClose"
  type="(
jobId: string,
resolutionNotes: string,
finalAmount?: number
) => Promise<void>"
  required={true}
>
  onClose
</ResponseField>

## Usage

```tsx theme={null}
import { QuickCloseDialog } from '@/components/QuickCloseDialog';

export default function Example() {
  return (
    <QuickCloseDialog open={open} onOpenChange={onOpenChange} jobId={jobId} customerName={customerName} onClose={onClose} />
  );
}
```