'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">
                {title ? title : name ? name : null}
            </div>
            <DateRangePicker />
        </div>
    )
}

export default PageTitle