turkmen-expo/components/page/LayoutWithSidebar.tsx

48 lines
1010 B
TypeScript

"use client";
import React from "react";
import { BreadCrumbs } from "../ui/bread-crumbs";
import { useTranslations } from "next-intl";
import { Title } from "../ui/title";
import { usePathname } from "@/i18n/navigation";
interface Props {
title: string;
second?: string;
third?: string;
path?: string;
path2?: string;
cursor?: boolean;
children: React.ReactNode;
}
export const LayoutWithSidebar = ({
title,
second,
path,
path2,
third,
children,
cursor = false,
}: Props) => {
const pathname = usePathname();
const t = useTranslations("services");
return (
<div className="flex bg-white px-6 py-4 rounded-lg flex-col md:gap-6 gap-10 section-mb w-full">
<div>
<BreadCrumbs
second={
pathname.includes("/services") ? t("breadcrumb") : second ?? ""
}
path={path}
path2={path2}
third={third ? third : ""}
/>
<Title text={title} />
</div>
{children}
</div>
);
};