import React from "react";
import PropTypes from "prop-types";

const ClickableTableRow = ({ children, className, onClick, onDoubleClick }) => {
  /* eslint-disable jsx-a11y/no-static-element-interactions */
  return (
    <tr
      className={className}
      onClick={onClick}
      onDoubleClick={onDoubleClick}
      tabIndex={-1}
    >
      {children}
    </tr>
  );
  /* eslint-enable jsx-a11y/no-static-element-interactions */
};

ClickableTableRow.propTypes = {
  children: PropTypes.node,
  className: PropTypes.string,
  onClick: PropTypes.func.isRequired,
  onDoubleClick: PropTypes.func,
};

export default ClickableTableRow;