HTML to JSX Converter

<div className="container" id="main">
  <h1 className="title" style={{ color: "red", fontSize: "24px" }}>Hello World</h1>
  <form action="/submit" onSubmit={handleSubmit(event)}>
    <label htmlFor="name">Name:</label>
    <input type="text" id="name" className="input-field" maxLength="50" readOnly />
    <input type="checkbox" defaultChecked />
    <button type="submit" disabled onClick={handleClick()}>Submit</button>
  </form>
  <img src="photo.jpg" alt="Photo" className="image" />
  <br />
  {/* This is a comment */}
  <table>
    <tr>
      <td colSpan="2" rowSpan="1">Cell</td>
    </tr>
  </table>
  <p tabIndex="0">Focusable paragraph</p>
</div>