> ## 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.

# BookingDetailsCard

> * BookingDetailsCard - Booking slot, quote, and technician info * Shows booking details if a job was scheduled during the call.

* BookingDetailsCard - Booking slot, quote, and technician info \* Shows booking details if a job was scheduled during the call.

## Props

<ResponseField name="booking" type="BookingDetails" required={true}>
  booking
</ResponseField>

<ResponseField name="quote" type="QuoteInfo" required={false}>
  quote
</ResponseField>

## Usage

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

export default function Example() {
  return (
    <BookingDetailsCard booking={booking} />
  );
}
```