JSFiddle - React, Tailwind, and code Playground

by ksoncan34

HTML

<html lang="en"><head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Storefront Kiosk Transfer</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
    <link href="/css/skins/upload-kirklands.css?3.1.6" media="all" rel="stylesheet">
    <script src="https://connect.facebook.net/en_US/sdk.js?hash=869accaba7ffddbe8f3fa6b2b4a429d9&amp;ua=modern_es6" async="" crossorigin="anonymous"></script><script id="facebook-jssdk" src="//connect.facebook.net/en_US/sdk.js"></script><script type="text/javascript" async="" src="https://www.gstatic.com/recaptcha/releases/qc5B-qjP0QEimFYUxcpWJy5B/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-EauiKN7dy30bq/wDo7lcvebLQr7wwQPtEV6A1G43RAWnhPwxWZFCCTOT/hE+ffe3"></script><script src="/js/beaver-logger.min.js"></script>
    <script src="https://www.google.com/recaptcha/api.js?render=6LepU7IUAAAAAHhXd1Pz8DEG8IJWO8BU0IgGOhIm"></script>
    <!-- Version: 3.1.6 -->
<script>
    window.SFVars = {
        bucket: 'ISEZ',
        hasProduct: false,
        url: 'https://kiosk-file-transfer.van-kris-sb1.mha.local',
        maxSizePixels: parseInt('1000000', 10),
        maxSizeBytes: parseInt('1000000', 10),
        maxFiles: parseInt('10'),
        facebookAppId: '244123949081221',
        instagramUrl: 'https://api.instagram.com/oauth/authorize?app_id=2491433537783663&redirect_uri=https%3A%2F%2Fkiosk-file-transfer.van-kris-sb1.mha.local%2Fauth%2Finstagram%2F&scope=user_profile%2Cuser_media&response_type=code&state=eyJjb2RlIjoiSVNFWiJ9',
        googleUrl:...