mediahub-fe/components/page-title.tsx

"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;