mediahub-fe/components/page-title.tsx

22 lines
707 B
TypeScript
Raw Normal View History

2024-11-26 03:09:48 +00:00
'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