🚀 Get model to generate task list

src/components/ChatWindow.tsx

@@ -0,0 +1,33 @@
+import cx from "classnames";
+import { ReactNode } from "react";
+
+interface ChatWindowProps {
+  children?: ReactNode;
+}
+const ChatWindow = ({ children }: ChatWindowProps) => {
+  return (
+    <div className="border-translucent flex h-80 w-full max-w-screen-md flex-col rounded-3xl drop-shadow-lg bg-black text-white">
+      <MacWindowHeader />
+      {children}
+    </div>
+  )
+}
+
+const MacWindowHeader = () => {
+  return (
+    <div
+      className={cx(
+        "flex gap-1 rounded-t-3xl border-b-[1px] p-3",
+        "flex gap-1 rounded-t-3xl border-b-[1px] p-3",
+        "border-gray-200 bg-gray-100",
+        "border-white/25 bg-black"
+      )}
+    >
+      <div className="h-3 w-3 rounded-full bg-red-500"></div>
+      <div className="h-3 w-3 rounded-full bg-yellow-500"></div>
+      <div className="h-3 w-3 rounded-full bg-green-500"></div>
+    </div>
+  );
+};
+
+export default ChatWindow;