Как преобразовать данный xml документ верстку с помощью react?

Question

[SeventimeSsS]

Добрый день, помогите пожалуйста решить проблему.
Имеется xml, необходимо преобразовать его в верстку, использую реакт

<?xml version="1.0" encoding="UTF-8"?>
<Attr>
   <Layout firstmargin="16pt">
      <c type="row">
         <c label="left" field="1.number" />
         <c label="left" field="1.date" />
         <c label="left" field="1.date_exec" movetoright="true" />
      </c>
      <c type="row">
         <c label="left" field="1.account1" />
         <c field="1.corr1_n" extendtoright="true" />
      </c>
      <c label="left" fiel<img src="https://habrastorage.org/webt/63/17/64/6317643f9ef56602477843.png" alt="image"/>d="2.corr2_n" extendtoright="true" />
      <c label="left" field="2.inc_n" extendtoright="true" />
      <c type="grid" alias="2" extendtobottom="true" />
   </Layout>
</Attr>

В итоге он должен выглядеть примерно как на изображение.
Если не знаете как это сделать но есть какие-то идеи буду рад выслушать, всем спасибо!