🚀 React Zene Chatbot

A lightweight, customizable, and fully TypeScript-supported chatbot component for React projects — compatible with **Web** and **Mobile browsers**.  
Easily integrate a chatbot into your application with minimal setup and responsive design that adapts to all devices automatically.

🌍 Mobile & Web Support

• 💬 Automatically adjusts the layout for both desktop and mobile browsers.
• 🧩 No extra configuration required — just drop the component into your app.
• 📱 On mobile, it expands into a native full-screen chat interface.
• 🧠 Built using React + TypeScript for a clean developer experience.

Using npm:

npm install react-zene-chatbot

Or using yarn:
yarn add react-zene-chatbot



## ⚡ Usage

Import the chatbot component into your React (TypeScript or JavaScript) project:


```tsx
import React from "react";
import { ZeneChatbot } from "react-zene-chatbot";
import "react-phone-input-2/lib/style.css";

function App() {
  return (
    <>
      <ZeneChatbot
        baseUrl="https://your-api-url.com"  // Provide your baseUrl here
        bot_id="bot_9B3E7C348966"           // Provide your bot_id here
      />
    </>
  );
}

export default App;

🛠 TypeScript Support

• All types and props are included for full TypeScript compatibility.
• Works seamlessly in both .js/.jsx and .ts/.tsx projects.