interface OrdersHeaderProps {
  dateRangeLabel: string;
}

export function OrdersHeader({ dateRangeLabel }: OrdersHeaderProps) {
  return (
    <div className="space-y-1">
      <h1 className="text-2xl font-bold tracking-tight">Orders</h1>
      <p className="text-sm text-muted-foreground">
        Review, track, and fulfill customer orders.
        {dateRangeLabel && (
          <span className="hidden sm:inline">
            {" "}
            · Showing data for{" "}
            <span className="font-medium text-foreground">{dateRangeLabel}</span>
          </span>
        )}
      </p>
    </div>
  );
}