JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css">
    <div class="ui menu stackable">
        <div class="ui three column stackable grid container"  style="margin:0;">
            <a href="#" class="item three wide column">
                Home
            </a>
            <div class="ui search item ten wide column">
                <div class="ui icon input">
                    <input class="prompt" type="text">
                    <i class="search link icon"></i>
                </div>
                <div class="results"></div>
            </div>
            <div class="ui dropdown search item three wide column">
                <input type="hidden" value="en">
                <div class="default text">Something</div>
                <i class="dropdown icon"></i>
                <div class="menu">
					<div class="item" data-value="1"><i class="en flag"></i>item 1</div>
					<div class="item" data-value="2"><i class="en flag"></i>item 2</div>
					<div class="item" data-value="3"><i class="en flag"></i>item 3</div>
                </div>
            </div>
        </div>
    </div>