caszl-next/app/_components/ArticleWithBreadcrumb.tsx

import React, { ReactNode } from "react";
import Breadcrumb, { BreadcrumbItem } from "@/app/_components/Breadcrumb";

const ArticleWithBreadcrumb = ({
  breadcrumb,
  children,
}: {
  breadcrumb: BreadcrumbItem[];
  children: ReactNode;
}) => {
  return (
    <div className={"flex h-full flex-col"}>
      <Breadcrumb navigations={breadcrumb} />
      <div className={"mt-2 flex-1 bg-white px-5 py-4"}>{children}</div>
    </div>
  );
};

export default ArticleWithBreadcrumb;