ActiveEnzyme.tsx

export interface ActiveEnzymeProps {
  color: string;
  name: string;
  onRemove: () => void;
}
export default function ActiveEnzyme({color, name, onRemove}: ActiveEnzymeProps): JSX.Element {
  return (
    <tr onClick={onRemove}>
      <td className="mono">{name}</td>
      <td>
        <div style={{backgroundColor: color}} className="swatch" />
      </td>
    </tr>
  );
}