import { type ReactElement } from "react";
import { Layout } from "@/components/layout/Layout";
import { WorkflowDefinitionsTable } from "@/components/shared";

const WorkflowDefinationPage = (): ReactElement => {
  return (
    <Layout
      currentPage="Workflow Definitions"
      breadcrumbs={[
        { label: "Platform", path: "/tenant" },
        { label: "Workflow Definitions" },
      ]}
    >
      <div className="flex flex-col gap-6">
        <div className="flex items-center justify-between">
          <h1 className="text-2xl font-bold text-[#0f1724] tracking-[-0.48px]">
            Workflow Definitions
          </h1>
        </div>

        <WorkflowDefinitionsTable compact={false} />
      </div>
    </Layout>
  );
};

export default WorkflowDefinationPage;