chore: update decision and chatBubble

packages/blade/src/components/ChatBubble/ChatBubble.stories.tsx

@@ -0,0 +1,24 @@
+// import chatBubble and create a basic story 
+import { ChatBubble } from './ChatBubble';
+import React from 'react';
+import { Story } from '@storybook/react';
+import { ChatBubbleProps } from './ChatBubble.types';
+
+export default {
+  title: 'ChatBubble',
+  component: ChatBubble,
+};
+
+const Template: Story<ChatBubbleProps> = (args) => <ChatBubble {...args} />;
+export const Default = Template.bind({});
+Default.args = {
+  message: 'Hello',
+  isLastMessage: false,
+  isUserMessage: false,
+  isLoading: false,
+  isError: false,
+  cardBody: null,
+  feedbackOptions: [],
+  ErrorText: '',
+  onErrorTextClick: () => {},
+};

packages/blade/src/components/ChatBubble/ChatBubble.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import { Box } from "~components/Box";
+
+type ChatBubbleProps = {
+    message?: string;
+    isLastMessage?: boolean;
+    isUserMessage?: boolean;
+    isLoading?: boolean;
+    isError?: boolean;
+    cardBody?: React.ReactNode;
+    feedbackOptions?: Array<{icon: React.ReactNode, onClick: Function}>;
+    ErrorText?: string;
+    onErrorTextClick?: Function;
+  }
+const ChatBubble = ({ message, isLastMessage,isUserMessage,isLoading,isError,cardBody,feedbackOptions,ErrorText,onErrorTextClick }:ChatBubbleProps) => {
+  console.log({ message, isLastMessage,isUserMessage,isLoading,isError,cardBody,feedbackOptions,ErrorText,onErrorTextClick });
+    return <Box maxWidth="240px"></Box>;
+};
+
+
+
+export { ChatBubble };

packages/blade/src/components/ChatBubble/_decision.md

@@ -24,7 +24,7 @@ This will be our main component that will be used to render the chat bubble.
 | isLoading     | Boolean   | false   | No       | If the message is loading, we will add a loading animation to the chat bubble                                                     |
 | isError       | Boolean   | false   | No       | If the message is an error, we will add a different style to the chat bubble                                                      |
 | ErrorText    | String    | null    | No       | If the message is an error, we will show the error message in the chat bubble                                                     |
-| onErrorTextClick | Function | null    | No       | If the message is an error, we will show the error message in the chat bubble                                                     |
+| onErrorClick | Function | null    | No       | this callback will be called when ever you click error bubble with Error message          |
 | cardBody      | ReactNode | null    | No       | If their is no message and isLoading is false, we will render the card body in the chat bubble|
 | feedbackOptions | Array<{icon: ReactNode, onClick: Function}> | null | No | if this is passed as an array, we will show feedbacOptions, otherwise not        |
 ```tsx
@@ -37,7 +37,7 @@ type ChatBubbleProps = {
   cardBody?: ReactNode;
   feedbackOptions?: Array<{icon: ReactNode, onClick: Function}>;
   ErrorText?: string;
-  onErrorTextClick?: Function;
+  onErrorClick?: Function;
 }
 ```
 ## API 

packages/blade/src/components/ChatBubble/index.ts

@@ -0,0 +1 @@
+export * from "./ChatBubble";