import { TabsList, TabsTrigger } from '@/components/ui/tabs';

type InvoiceTabsNavProps = {
  isRtl?: boolean;
  itemsLabel: string;
  paymentLabel: string;
  notesLabel: string;
  logLabel: string;
};

export function InvoiceTabsNav({
  isRtl = true,
  itemsLabel,
  paymentLabel,
  notesLabel,
  logLabel,
}: InvoiceTabsNavProps) {
  return (
    <TabsList dir={isRtl ? 'rtl' : 'ltr'} className="w-full bg-[#0052CC] text-blue-100 justify-start">
      <TabsTrigger value="items">{itemsLabel}</TabsTrigger>
      <TabsTrigger value="payment">{paymentLabel}</TabsTrigger>
      <TabsTrigger value="notes">{notesLabel}</TabsTrigger>
      <TabsTrigger value="log">{logLabel}</TabsTrigger>
    </TabsList>
  );
}