edr-platform/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingDetailToolbar.tsx

import { ArrowLeft, Download, CheckCircle } from "lucide-react";
import { Group, Button } from "@mantine/core";

export interface BookingDetailToolbarProps {
  onBack: () => void;
  onExport?: () => void;
  onAction?: () => void;
}

/** Top action bar for the booking detail page. */
export function BookingDetailToolbar({
  onBack,
  onExport,
  onAction,
}: BookingDetailToolbarProps) {
  return (
    <Group justify="space-between" mb="md">
      <Button
        variant="subtle"
        color="gray"
        leftSection={<ArrowLeft size={18} />}
        onClick={onBack}
        fw={600}
      >
        Back
      </Button>
      <Group gap="sm">
        <Button variant="default" leftSection={<Download size={16} />} onClick={onExport}>
          Export
        </Button>
        <Button color="green" leftSection={<CheckCircle size={16} />} onClick={onAction}>
          Take Action
        </Button>
      </Group>
    </Group>
  );
}