'use client';

/**
 * Per-interest send launcher (Phase 7 §5.9).
 *
 * Shown on the interest detail page header. Opens the same picker as
 * {@link SendDocumentsDialog} but pre-pins the `interestId` so the resulting
 * audit row is filed against the interest timeline.
 */
import { useState } from 'react';
import { Send } from 'lucide-react';

import { Button } from '@/components/ui/button';
import { SendDocumentsDialog } from '@/components/clients/send-documents-dialog';

interface SendFromInterestButtonProps {
  interestId: string;
  clientId: string;
  clientName: string;
}

export function SendFromInterestButton({
  interestId,
  clientId,
  clientName,
}: SendFromInterestButtonProps) {
  const [open, setOpen] = useState(false);
  return (
    <>
      <Button variant="outline" size="sm" onClick={() => setOpen(true)}>
        <Send className="mr-2 h-4 w-4" aria-hidden /> Send documents
      </Button>
      <SendDocumentsDialog
        open={open}
        onOpenChange={setOpen}
        clientId={clientId}
        clientName={clientName}
        interestId={interestId}
      />
    </>
  );
}
