mediahub-fe/components/page-title.tsx

33 lines
691 B
TypeScript

"use client";
import React from "react";
import DateRangePicker from "@/components/date-range-picker";
import { usePathname } from "@/components/navigation";
import { cn } from "@/lib/utils";
const PageTitle = ({
title,
className,
}: {
title?: string;
className?: string;
}) => {
const pathname = usePathname();
const name = pathname?.split("/").slice(1).join(" ");
return (
<div
className={cn(
"flex flex-wrap gap-4 items-center justify-between",
className
)}
>
<div className="text-2xl font-medium text-default-800 capitalize">
Dashboard
</div>
<DateRangePicker />
</div>
);
};
export default PageTitle;