added form

src/misc/Message.js

@@ -0,0 +1,31 @@
+import chatGptIcon from '../img/icon-chatgpt.png';
+
+import UserIcon from '../img/icon-user.png';
+
+
+function Message(args) {
+    return (
+        <>
+            {args?.self &&
+                <div className='flex items-start gap-2 w-full flex-row-reverse'>
+                    <img src={UserIcon} className='h-12' />
+
+                    <span className='text-white px-4 py-2 text-md rounded-xl bg-gradient-to-br from-orange-400 to-orange-600 break-normal leading-5 shadow-sm'>
+                        {args?.text}
+                    </span>
+                </div>
+            }
+            {!args?.self &&
+                <div className='flex items-end gap-2'>
+                    <img src={chatGptIcon} className='h-12' />
+                    <span className='px-4 py-2 text-md rounded-xl bg-gray-200 break-normal w-full leading-5 shadow-sm'>
+                        {args?.text}
+                    </span>
+                </div>
+            }
+
+        </>
+    );
+}
+
+export default Message;