@open-chat/search-widget/README.md

search widget now becomes pacakge.

# @openchat/search-widget

search widget now becomes pacakge.

## **Pros**

- Can be installed in any react application without the need to be embedded inside html itself.

- Can be used inside our dashboard's workshop for easy customization.

## **Cons**

- more boilerplate code needed.

- more build configurations.

## How to use it
## 1- the embeded version (initilizeChatBot)
```typescript
export type ColorsType = {
  dark: {
    primary: string;
    accent: string;
    background: string;
    foreground: string;
    backgroundLight: string;
  };
  light: {
    primary: string;
    accent: string;
    background: string;
    foreground: string;
    backgroundLight: string;
  };
};

type OptionsType = {
    colors?: ColorsType | undefined;
    mode?: ModeType | undefined;
    initialFirstMessage?: string | undefined;
    token: string;
}
const options:OptionsType = {
    colors: // optional defaults to the current colors if not provided
    mode: 'light'| "dark" // doesn't do any thing for now
}

initilizeChatBot(options) // call it after the document loaded.

```