JSFiddle - React, Tailwind, and code Playground

by Artem

JavaScript

var a = {
  "id": 1,
  "left": {
    "id": "12",
    "sentences": [
      {
        "id": "l1",
        "text": "<CONTEXT>Not to assign or charge part of this Lease, nor underlet part only the Premises and not to assign this Lease to a member of the same group of companies</CONTEXT>"
      },
      {
        "id": "l2",
        "text": "<FOCUS><HIGHLIGHT>Not to assign or change this Lease without the consent of the Landlord but, subject to the operation of the following provision of this cl.3.10.2, such consent is not to be reasonably withheld;</HIGHLIGHT></FOCUS>"
      },
      {
        "id": "l3",
        "text": "<CONTEXT>In addition to reasonable grounds, the Landlord may withhold its consent to an application by the Tenant for license to assign this Lease unless (for the purposes of s.19(1A) of the Landlord and Tenant Act 1927) the conditions and criteria set out in this cl.3.10.2.1 are met.</CONTEXT>"
      }
    ]
  },
  "right": {
    "id": "13",
    "sentences": [
      {
        "id": "l2",
        "text": "<FOCUS>The Tenant <HIGHLIGHT>shall not assign the whole of this lease</HIGHLIGHT> without the consent of the Landlord, such consent not to be unreasonably withheld.</FOCUS>"
      },
      {
        "id": "l3",
        "text": "<CONTEXT>The Tenant shall not assign part only of this lease</CONTEXT>"
      }
    ]
  }
};

console.log(JSON.stringify(a));