import React from 'react';
import { Button } from 'react-bootstrap';
import { Printer, Download } from 'lucide-react';

interface ContratoHeaderProps {
  refProCom: string;
  onPrint: () => void;
  onDownloadPDF: () => void;
}

/**
 * Componente Header del contrato con acciones de impresión y descarga
 */
export const ContratoHeader: React.FC<ContratoHeaderProps> = ({
  refProCom,
  onPrint,
  onDownloadPDF
}) => {
  return (
    <div className="d-flex justify-content-between align-items-center bg-light">
      <h4 className="card-title mb-0">Propuesta Comercial: {refProCom}</h4>
      <div className="d-flex gap-2">
        <Button variant="primary" size="sm" onClick={onPrint}>
          <Printer size={16} className="me-1" />
          Imprimir
        </Button>
        <Button variant="success" size="sm" onClick={onDownloadPDF}>
          <Download size={16} className="me-1" />
          Descargar PDF
        </Button>
      </div>
    </div>
  );
};