import { Tabs } from "antd";

import React from "react";

import CreateCompanyOnboarding from "./_organisms/CreateCompanyOnboarding";
import { ONBOARDING_COMPONENT } from "../../testing";

interface TabItem {
  title: string;
  key: string;
  content: React.ReactNode;
}

export function CompleteOnboarding() {
  const initialItems: TabItem[] = [
    {
      title: "Create a Company",
      key: "1",
      content: CreateCompanyOnboarding(),
    },
  ];

  return (
    <div className="flex flex-col w-full h-full" id={ONBOARDING_COMPONENT}>
      <Tabs
        defaultActiveKey="1"
        centered
        items={initialItems.map((v) => {
          return {
            label: v.title,
            key: v.key,
            children: v.content,
          };
        })}
      />
    </div>
  );
}
