ujh/fountainpencompanion

import React from "react";

/**
 * @param {{ name: string; id: string; archived: boolean }} props
 */
export const DeleteButton = ({ name, id, archived }) => {
  if (archived) {
    return (
      <span>
        <a
          className="btn btn-danger"
          title={`Delete ${name}`}
          href={`/collected_inks/${id}`}
          data-method="delete"
          data-confirm="Really delete entry?"
        >
          <i className="fa fa-trash" />
        </a>
      </span>
    );
  } else {
    return null;
  }
};