base columnn component

src/pages/taskmanager/components/Column.tsx

@@ -0,0 +1,15 @@
+import { More } from "iconsax-react";
+import { type FC } from "react";
+
+const Column: FC = () => {
+  return (
+    <div className="bg-[#F0F3F7] rounded-xl p-6 max-w-[290px] w-full">
+      <div className="flex justify-between items-center">
+        <div>{"برای انجام"}</div>
+        <More size={20} color="black" />
+      </div>
+    </div>
+  );
+};
+
+export default Column;

src/pages/taskmanager/workspace.tsx

@@ -1,10 +1,14 @@
 import { type FC } from "react";
-import HeaderWorkspace from "./HeaderWorkspace";
+import Column from "./components/Column";
+import HeaderWorkspace from "./components/HeaderWorkspace";
 
 const Workspace: FC = () => {
   return (
     <div className="bg-[#01347A] h-full rounded-[32px] overflow-hidden">
       <HeaderWorkspace />
+      <div className="px-8 flex gap-7 mt-6">
+        <Column />
+      </div>
     </div>
   );
 };