import { useTranslation } from "react-i18n-lite";

interface MarkerPassageActionsProps {
  onGoToPassage: () => void;
  onDelete: () => void;
}

export function MarkerPassageActions({ onGoToPassage, onDelete }: MarkerPassageActionsProps) {
  const { t } = useTranslation();
  return (
    <div className="annotation-actions">
      <button type="button" className="btn btn-sm" onClick={onGoToPassage}>
        {t("annotations.goToPassage")}
      </button>
      <button type="button" className="btn btn-sm btn-danger" onClick={onDelete}>
        {t("common.delete")}
      </button>
    </div>
  );
}
