/* should not generate diagnostics */
<>
    {/* Custom Components */}
    <TestComponent onClick={doFoo} />
    <Button onClick={doFoo} />
    <Image onClick={() => void 0} />

    {/* Input element */}
    <input onClick={() => void 0} />
    <input type="button" onClick={() => void 0} />
    <input type="checkbox" onClick={() => void 0} />
    <input type="color" onClick={() => void 0} />

    {/* Interactive element */}
    <a onClick={() => void 0} />
    <area onClick={() => { }} />
    <button onClick={() => void 0} />
    <menuitem onClick={() => { }} />
    <option onClick={() => void 0} className="foo" />
    <select onClick={() => void 0} className="foo" />
    <textarea onClick={() => void 0} className="foo" />
    <tr onClick={() => { }} />

    {/* Element attributed with an interactive role*/}
    <div role="button" onClick={() => { }} />
    <div role="checkbox" onClick={() => { }} />
    <div role="combobox" onClick={() => { }} />
    <div role="gridcell" onClick={() => { }} />
    <div role="link" onClick={() => { }} />
    <div role="listbox" onClick={() => { }} />
    <div role="menuitem" onClick={() => { }} />
    <div role="menuitemcheckbox" onClick={() => { }} />
    <div role="menuitemradio" onClick={() => { }} />
    <div role="option" onClick={() => { }} />
    <div role="radio" onClick={() => { }} />
    <div role="row" onClick={() => { }} />
    <div role="scrollbar" onClick={() => { }} />
    <div role="searchbox" onClick={() => { }} />
    <div role="slider" onClick={() => { }} />
    <div role="spinbutton" onClick={() => { }} />
    <div role="switch" onClick={() => { }} />
    <div role="tab" onClick={() => { }} />
    <div role="textbox" onClick={() => { }} />

    {/* Presentation role */}
    <div role="presentation" onClick={() => { }} />

		<div onClick={() => {}} aria-hidden />
		<div onClick={() => {}} aria-hidden="true" />

</>
