JSFiddle - React, Tailwind, and code Playground

HTML

<process name="Copy Directory" version="1.0" bpversion="6.4.0.8445" narrative="" byrefcollection="true" type="object" runmode="Exclusive" preferredid="698f0a52-092f-4c5e-862e-72706b50d958">
  <appdef>
    <element name="Application Root">
      <id>2e5fc238-be32-4d8c-9ed5-fb70e565b3ef</id>
      <type>Application</type>
      <basetype>Application</basetype>
      <datatype>unknown</datatype>
      <diagnose>False</diagnose>
    </element>
  </appdef>
  <view>
    <camerax>0</camerax>
    <cameray>0</cameray>
    <zoom version="2">1.25</zoom>
  </view>
  <preconditions />
  <endpoint narrative="" />
  <subsheet subsheetid="a028f706-898b-42a5-9c70-e23ca39041cb" type="CleanUp" published="True">
    <name>Clean Up</name>
    <view>
      <camerax>0</camerax>
      <cameray>0</cameray>
      <zoom version="2">1.25</zoom>
    </view>
  </subsheet>
  <subsheet subsheetid="79f25d33-e2c2-4bf1-8bec-b7c813090922" type="Normal" published="True">
    <name>Copy Directory</name>
    <view>
      <camerax>0</camerax>
      <cameray>53</cameray>
      <zoom version="2">1.25</zoom>
    </view>
  </subsheet>
  <subsheet subsheetid="2de2314d-a2a2-4c13-bf5d-50a7ee19c18c" type="Normal" published="False">
    <name>Raise Exception If Appropriate</name>
    <view>
      <camerax>0</camerax>
      <cameray>0</cameray>
      <zoom version="2">1.25</zoom>
    </view>
  </subsheet>
  <stage stageid="7ce1f215-fa20-4f25-b98e-384c7b4b685e" name="Start" type="Start">
    <loginhibit />
    <narrative>
    </narrative>
    <displayx>15</displayx>
    <displayy>-105</displayy>
    <displaywidth>60</displaywidth>
    <displayheight>30</displayheight>
    <font family="Segoe UI" size="10" style="Regular" color="000000" />
    <onsuccess>057d9f58-c0d9-490d-a609-5df4392900b6</onsuccess>
  </stage>
  <stage stageid="057d9f58-c0d9-490d-a609-5df4392900b6" name="End" type="End">
    <loginhibit />
    <narrative>
    </narrative>
    <displayx>15</displayx>
    <displayy>90</displayy>
   ...