react-table/src/plugin-hooks/tests/__snapshots__/useBlockLayout.test.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`renders a table 1`] = `
<DocumentFragment>
  <div
    class="table"
  >
    <div>
      <div
        class="row"
        style="display: flex; width: 1400px;"
      >
        <div
          class="cell header"
          colspan="2"
          style="display: inline-block; box-sizing: border-box; width: 550px;"
        >
          Name
        </div>
        <div
          class="cell header"
          colspan="4"
          style="display: inline-block; box-sizing: border-box; width: 850px;"
        >
          Info
        </div>
      </div>
      <div
        class="row"
        style="display: flex; width: 1400px;"
      >
        <div
          class="cell header"
          colspan="1"
          style="display: inline-block; box-sizing: border-box; width: 250px;"
        >
          First Name
        </div>
        <div
          class="cell header"
          colspan="1"
          style="display: inline-block; box-sizing: border-box; width: 300px;"
        >
          Last Name
        </div>
        <div
          class="cell header"
          colspan="1"
          style="display: inline-block; box-sizing: border-box; width: 300px;"
        >
          Age
        </div>
        <div
          class="cell header"
          colspan="1"
          style="display: inline-block; box-sizing: border-box; width: 150px;"
        >
          Visits
        </div>
        <div
          class="cell header"
          colspan="1"
          style="display: inline-block; box-sizing: border-box; width: 200px;"
        >
          Status
        </div>
        <div
          class="cell header"
          colspan="1"
          style="display: inline-block; box-sizing: border-box; width: 200px;"
        >
          Profile Progress
        </div>
      </div>
    </div>
    <div>
      <div
        class="row"
        style="display: flex; width: 1400px;"
      >
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 250px;"
        >
          firstName: tanner
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 300px;"
        >
          lastName: linsley
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 300px;"
        >
          age: 29
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 150px;"
        >
          visits: 100
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 200px;"
        >
          status: In Relationship
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 200px;"
        >
          progress: 50
        </div>
      </div>
      <div
        class="row"
        style="display: flex; width: 1400px;"
      >
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 250px;"
        >
          firstName: derek
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 300px;"
        >
          lastName: perkins
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 300px;"
        >
          age: 30
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 150px;"
        >
          visits: 40
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 200px;"
        >
          status: Single
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 200px;"
        >
          progress: 80
        </div>
      </div>
      <div
        class="row"
        style="display: flex; width: 1400px;"
      >
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 250px;"
        >
          firstName: joe
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 300px;"
        >
          lastName: bergevin
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 300px;"
        >
          age: 45
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 150px;"
        >
          visits: 20
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 200px;"
        >
          status: Complicated
        </div>
        <div
          class="cell"
          style="display: inline-block; box-sizing: border-box; width: 200px;"
        >
          progress: 10
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;