A React component for integrating the Tebuto booking widget into your own website.
## Table of Contents
- [Installing](#installing)
- [Getting Started](#getting-started)
- [API Reference](#api-reference)
- [License](#license)
## Installing
This is a [Node.js](https://nodejs.org/en/) module available through the
[npm registry](https://www.npmjs.com/package/@tebuto/react-booking-widget).
Installation is done using the`npm install` command:
``` bash
npm install @tebuto/react-booking-widget
```
## Getting Started
You need an existing react project to use the Tebuto booking component, if you don't have one follow this [Guide](https://react.dev/learn/start-a-new-react-project) to create one.
Here's a basic example how the widget can be used:
```typescript
import { TebutoBookingWidget } from '@tebuto/react-booking-widget'
const YourComponent = () => {
return
}
```
You can obtain the therapist UUID from the [appointment settings](https://app.tebuto.de/einstellungen/termine). In the embedding section, click on the HTML button and use the value from the `data-therapist-uuid` attribute.
## API Reference
> **Note**: The values for the therapist UUID and the category IDs can be obtained from the HTML embedding option in the [appointment settings](https://app.tebuto.de/einstellungen/termine).
| Name | Description | Type | Required | Default |
| --------------- | --------------------------------------------------------------- | ---------- | -------- | ------------- |
| therapistUUID | A unique identifier for the therapist. | `string` | `Yes` | - |
| backgroundColor | The hex background color of the component. | `string` | `No` | `transparent` |
| border | Specifies the border style (e.g., `none`, `solid`, `dashed`). | `boolean` | `No` | `true` |
| categories | An array of appointment category IDs to be shown in the widget. | `number[]` | `No` | `[]` |
## License
[MIT](LICENSE)
