JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>

JavaScript

const state = {
  "model": {
    "termsLabelText": "I accept terms and conditions",
    "waitingApproval": {
      "title": "Your account is waiting for approval",
      "description": "<p>Your account is waiting for approval</p>\n<p>Contact <a href=\"/en/contact/\">support</a> for any question</p>"
    },
    "approved": {
      "title": "Your account is approved",
      "description": "<p>Your account is approved</p>\n<p>asdkaslddjkasl asjld asdas a</p>"
    }
  },
  "sharedTexts": {
    "buttonContinue": "Continue",
    "buttonBack": "Back",
    "buttonCancel": "Cancel",
    "buttonEdit": "Edit",
    "buttonUpdate": "Update",
    "buttonSave": "Save",
    "buttonSubmit": "Submit",
    "buttonSignIn": "Sign in",
    "signInLabel": "Already have an account?",
    "createAccountButton": "Create account",
    "createAccountLabel": "Don't have an account?",
    "stepCurrent": "Current",
    "stepCompleted": "Completed",
    "requiredFielsDescription": "Required fields",
    "name": "Name",
    "firstName": "First name",
    "lastName": "Last name",
    "email": "Email",
    "phoneNumber": "Phone number",
    "password": "Password",
    "dunsNumber": "D-U-N-S number",
    "registrationNumber": "Company registration number",
    "vatNumber": "VAT / Tax / Other number",
    "eoriNumber": "EORI number",
    "confirmPassword": "Password",
    "firstLineStreet": "1st line of address - Street address",
    "secondLine": "2nd line of address - Building, floor ect",
    "postalCode": "Postal code / Zip",
    "city": "Town / city",
    "state": "State / province / region",
    "country": "Country",
    "companyName": "Company name",
    "companyInformation": "Company information",
    "confirmation": "Confirmation",
    "personalProfile": "Personal profile",
    "editPersonalProfile": "Edit personal profile",
    "companyProfile": "Company profile",
    "editCompanyProfile": "Edit company profile",
    "companyAddress": "Company address",
    "invoiceAddress": "Invoice...