props-collection-none.js

const Button = ({ text, onClick, tabIndex, ariaDisabled }) => {
  return (
    <button
      onClick={onClick}
      tabIndex={tabIndex}
      role="button"
      aria-disabled={ariaDisabled}
    >
      {text}
    </button>
  );
};

export default Button;


// usage
{/* <Button
  text="send"
  onClick={() => console.log("Clicked")}
  role="button"
  tabIndex={0}
  ariaDisabled="false"
/>
<Button
  text="open"
  onClick={() => console.log("Clicked")}
  role="button"
  tabIndex={1}
  ariaDisabled="false"
/> */}