JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="admin-bar-search" id="wp-admin-bar-search">
        <a href="#">
            <div id="adminbarsearch-wrap">
                <form id="adminbarsearch" method="get" action="">
                    <input type="text" onclick="return false;" placeholder="Search" maxlength="150" value="" id="adminbar-search" name="s" class="adminbar-input">
                    <input type="submit" value="Search" class="adminbar-button">
                </form>
            </div>
        </a>
    </li>
</ul>