JSFiddle - React, Tailwind, and code Playground

by adil_invideo

TypeScript

const json = {
  "master_video_id": 10497087,
  "16:9": {
    "dimensions": [
      "16:9"
    ],
    "template_id": 10456,
    "master_video_id": 10497087,
    "headline": "10497087",
    "text": "This is the spot for your text\nThis is the spot for your text\nThis is the spot for your text\nThis is the spot for your text\nThis is the spot for your text\nPretext will be written here, \"A quote from a spokesperson goes here\", said by Post-text will be written here.\nPretext will be written here, \"A quote from a spokesperson goes here\", said by Post-text will be written here.\nPretext will be written here, \"A quote from a spokesperson goes here\", said by Post-text will be written here.\nPretext will be written here, \"A quote from a spokesperson goes here\", said by Post-text will be written here.\nPretext will be written here, \"A quote from a spokesperson goes here\", said by Post-text will be written here.\nHave a question?, This is where it will appear.\nHave a question?, This is where it will appear.\nHave a question?, This is where it will appear.\nHave a question?, This is where it will appear.\nHave a question?, This is where it will appear.\n",
    "step": 1,
    "premium": [],
    "template_name": "Start From Scratch",
    "template_type": "story",
    "account_id": 12141,
    "emotion": "",
    "video_properties": {
      "colors": {
        "primary": [
          "255",
          "255",
          "255",
          255
        ],
        "secondary": [
          "248",
          "228",
          "120",
          255
        ],
        "tertiary": [
          "5",
          "21",
          "39",
          255
        ],
        "quaternary": [
          "0",
          "0",
          "0",
          255
        ]
      },
      "colors_ref": {
        "user_flag": {
          "primary": 0,
          "secondary": 0,
          "tertiary": 0,
          "quaternary": 0
        },
        "colors": {
          "primary": [
            "255",
           ...