JSFiddle - React, Tailwind, and code Playground

by Vatsal Pande

JavaScript

const jsonValue = {
	"name": "RM_IES_Seed_Item_migrated_20250310203119creative0",
	"layouts": [],
	"variations": [
      {
		"var": 0,
		"name": "Variation 1",
		"elements": [{
			"id": "fabaa56c-bb3e-440f-9f78-7a79fe9781bf",
			"name": "subject_coupon",
			"type": "text",
			"text": " #{amount}  coupon: Last call for  \n",
			"l10n": {
				"sourceLocale": "en",
				"translations": []
			}
		}, {
			"id": "848a89e2-16f7-4d37-a240-15d6d82f91ab",
			"name": "US_subject_auction",
			"type": "text",
			"text": " #{itemTitle}  is almost yours\n",
			"l10n": {
				"sourceLocale": "en",
				"translations": []
			}
		}, {
			"id": "b8b2b1f5-df74-4c52-aa51-3cf159601e99",
			"name": "UK_subject_auction",
			"type": "text",
			"text": " #{itemTitle}  is almost yours\n",
			"l10n": {
				"sourceLocale": "en",
				"translations": []
			}
		}, {
			"id": "b92670f5-834a-404d-ac18-2585226534da",
			"name": "DE_subject_auction",
			"type": "text",
			"text": " #{itemTitle}  is almost yours!\n",
			"l10n": {
				"sourceLocale": "en",
				"translations": []
			}
		}, {
			"id": "9da2def7-859d-4034-bdbe-a65e17c292c3",
			"name": "US_subject_multi_item",
			"type": "text",
			"text": " #{itemCount}  items are ending soon,  \n",
			"l10n": {
				"sourceLocale": "en",
				"translations": []
			}
		}, {
			"id": "8ce0d92c-cd88-4f01-914c-e43115aef355",
			"name": "UK_subject_multi_item",
			"type": "text",
			"text": " #{userName} , #{itemCount}  items are about to end\n",
			"l10n": {
				"sourceLocale": "en",
				"translations": []
			}
		}, {
			"id": "4d5f4514-761b-4d61-8578-72ec0f4299f4",
			"name": "DE_subject_multi_item",
			"type": "text",
			"text": " #{itemTitle}  Some of the items may not be available for very much longer,  \n",
			"l10n": {
				"sourceLocale": "en",
				"translations": []
			}
		}, {
			"id": "f6b9ffeb-93f1-4975-a9c4-a55d7f522666",
			"name": "subject_coupon_fixed_price",
			"type": "text",
			"text": "⏰ Claim your #{amount}  coupon before item ends: ...