JSFiddle - React, Tailwind, and code Playground

HTML

<body>
        <div data-role="page" id="front">
            <div data-role="header">
                <h1>Header</h1>
            </div>
            
            <div role="main" class="ui-content">
                <div class="ui-grid-solo">
                    <div class="ui-block-a"><input type="button" value="Start" onclick="sendCommand('start')"></div>
                </div>
                <div class="ui-grid-a">
                    <div class="ui-block-a"><input type="button" value="Previous" onclick="sendCommand('prev')"></div>
                    <div class="ui-block-b"><input type="button" value="Next" onclick="sendCommand('next')"></div>
                </div>
            </div>
            
            <div data-role="footer">
                <h4>Footer</h4>
            </div>
        </div>
    </body>

JavaScript

function sendCommand(command) {
    alert(command);
}