/**
* A chatbot popup component for CopilotKit.
*
* 
*
* 
*
* A chatbot popup component for the CopilotKit framework. The component allows for a high degree
* of customization through various props and custom CSS.
*
* See [CopilotSidebar](./CopilotSidebar) for a sidebar version of this component.
*
*
* ```jsx CopilotPopup Example
* import { CopilotPopup } from "@copilotkit/react-ui";
*
*
* ```
*
*
* ## Custom CSS
*
* You can customize the colors of the chat window by overriding the CSS variables
* defined in the [default styles](https://github.com/CopilotKit/CopilotKit/blob/main/CopilotKit/packages/react-ui/src/css/colors.css).
*
* For example, to set the primary color to purple:
*
* ```jsx
*
*
*
* ```
*
* To further customize the chat window, you can override the CSS classes defined
* [here](https://github.com/CopilotKit/CopilotKit/blob/main/CopilotKit/packages/react-ui/src/css/).
*
* For example:
*
* ```css
* .copilotKitButton {
* border-radius: 0;
* }
* ```
*/
import { CopilotModal, CopilotModalProps } from "./Modal";
export function CopilotPopup(props: CopilotModalProps) {
props = {
...props,
className: props.className ? props.className + " copilotKitPopup" : "copilotKitPopup",
};
return {props.children};
}