JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/cupertino/jquery-ui.css">
<br/>
<div id="overlay"></div>

JavaScript

//var overlay = $('<div />');
var overlay = $('#overlay');

//overlay.addClass(event.status);
if (overlay.hasClass('pending')) {
    primaryIcon = 'ui-icon-check';
} else {
    primaryIcon = 'ui-icon-cancel';
}
overlay.button({
    icons: {
        primary: primaryIcon
    },
    text: false
});

overlay.css({
    'cursor': 'pointer',
    'float': 'right',
    'width': 'auto'
});