import { type FC } from "react";
import Column from "./components/Column";
import HeaderWorkspace from "./components/HeaderWorkspace";
import Task from "./components/Task";

const Workspace: FC = () => {
  return (
    <div className="bg-[#01347A] h-full rounded-[32px] overflow-hidden flex flex-col">
      <HeaderWorkspace />
      <div className="px-8 flex gap-7 mt-6 flex-1 min-h-0 overflow-auto pb-6 items-start">
        <Column title="برای انجام">
          <div className="flex flex-col gap-4">
            <Task />
            <Task />
            <Task />
          </div>
        </Column>

        <Column title="درحال انجام" />
      </div>
    </div>
  );
};

export default Workspace;
