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

exports[`Row should render correctly 1`] = `
"<div class=\\"row \\">row<style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(0 * 16pt / 2);
          margin-right: calc(0 * 16pt / 2);
          --row-gap: calc(0 * 16pt);
          justify-content: normal;
          align-items: normal;
        }
      </style></div>"
`;

exports[`Row should work with nested 1`] = `
"<div class=\\"row \\"><div class=\\"row \\"><div class=\\"row \\"><div class=\\"col \\"><div class=\\"row \\">row<style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(0 * 16pt / 2);
          margin-right: calc(0 * 16pt / 2);
          --row-gap: calc(0 * 16pt);
          justify-content: normal;
          align-items: normal;
        }
      </style></div><style>
        .col {
          float: left;
          box-sizing: border-box;
          padding-left: calc(var(--row-gap) / 2);
          padding-right: calc(var(--row-gap) / 2);
          width: 100%;
          margin-left: 0%;
        }
      </style></div><style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(0 * 16pt / 2);
          margin-right: calc(0 * 16pt / 2);
          --row-gap: calc(0 * 16pt);
          justify-content: normal;
          align-items: normal;
        }
      </style></div><style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(0 * 16pt / 2);
          margin-right: calc(0 * 16pt / 2);
          --row-gap: calc(0 * 16pt);
          justify-content: normal;
          align-items: normal;
        }
      </style></div><style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(0 * 16pt / 2);
          margin-right: calc(0 * 16pt / 2);
          --row-gap: calc(0 * 16pt);
          justify-content: normal;
          align-items: normal;
        }
      </style></div>"
`;

exports[`Row the children should be aligned correctly 1`] = `
"<div><div class=\\"row \\"><div class=\\"col \\"><style>
        .col {
          float: left;
          box-sizing: border-box;
          padding-left: calc(var(--row-gap) / 2);
          padding-right: calc(var(--row-gap) / 2);
          width: 100%;
          margin-left: 0%;
        }
      </style></div><style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(0 * 16pt / 2);
          margin-right: calc(0 * 16pt / 2);
          --row-gap: calc(0 * 16pt);
          justify-content: flex-end;
          align-items: normal;
        }
      </style></div><div class=\\"row \\"><div class=\\"col \\"><style>
        .col {
          float: left;
          box-sizing: border-box;
          padding-left: calc(var(--row-gap) / 2);
          padding-right: calc(var(--row-gap) / 2);
          width: 100%;
          margin-left: 0%;
        }
      </style></div><style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(0 * 16pt / 2);
          margin-right: calc(0 * 16pt / 2);
          --row-gap: calc(0 * 16pt);
          justify-content: center;
          align-items: normal;
        }
      </style></div><div class=\\"row \\"><div class=\\"col \\"><style>
        .col {
          float: left;
          box-sizing: border-box;
          padding-left: calc(var(--row-gap) / 2);
          padding-right: calc(var(--row-gap) / 2);
          width: 100%;
          margin-left: 0%;
        }
      </style></div><style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(0 * 16pt / 2);
          margin-right: calc(0 * 16pt / 2);
          --row-gap: calc(0 * 16pt);
          justify-content: space-around;
          align-items: normal;
        }
      </style></div><div class=\\"row \\"><div class=\\"col \\"><style>
        .col {
          float: left;
          box-sizing: border-box;
          padding-left: calc(var(--row-gap) / 2);
          padding-right: calc(var(--row-gap) / 2);
          width: 100%;
          margin-left: 0%;
        }
      </style></div><style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(0 * 16pt / 2);
          margin-right: calc(0 * 16pt / 2);
          --row-gap: calc(0 * 16pt);
          justify-content: space-between;
          align-items: normal;
        }
      </style></div><div class=\\"row \\"><div class=\\"col \\"><style>
        .col {
          float: left;
          box-sizing: border-box;
          padding-left: calc(var(--row-gap) / 2);
          padding-right: calc(var(--row-gap) / 2);
          width: 100%;
          margin-left: 0%;
        }
      </style></div><style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(0 * 16pt / 2);
          margin-right: calc(0 * 16pt / 2);
          --row-gap: calc(0 * 16pt);
          justify-content: normal;
          align-items: normal;
        }
      </style></div><div class=\\"row \\"><div class=\\"col \\"><style>
        .col {
          float: left;
          box-sizing: border-box;
          padding-left: calc(var(--row-gap) / 2);
          padding-right: calc(var(--row-gap) / 2);
          width: 100%;
          margin-left: 0%;
        }
      </style></div><style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(0 * 16pt / 2);
          margin-right: calc(0 * 16pt / 2);
          --row-gap: calc(0 * 16pt);
          justify-content: normal;
          align-items: center;
        }
      </style></div><div class=\\"row \\"><div class=\\"col \\"><style>
        .col {
          float: left;
          box-sizing: border-box;
          padding-left: calc(var(--row-gap) / 2);
          padding-right: calc(var(--row-gap) / 2);
          width: 100%;
          margin-left: 0%;
        }
      </style></div><style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(0 * 16pt / 2);
          margin-right: calc(0 * 16pt / 2);
          --row-gap: calc(0 * 16pt);
          justify-content: normal;
          align-items: flex-end;
        }
      </style></div></div>"
`;

exports[`Row the children should have the correct spacing 1`] = `
"<div><div class=\\"row \\"><div class=\\"col \\"><style>
        .col {
          float: left;
          box-sizing: border-box;
          padding-left: calc(var(--row-gap) / 2);
          padding-right: calc(var(--row-gap) / 2);
          width: 100%;
          margin-left: 0%;
        }
      </style></div><style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(1 * 16pt / 2);
          margin-right: calc(1 * 16pt / 2);
          --row-gap: calc(1 * 16pt);
          justify-content: normal;
          align-items: normal;
        }
      </style></div><div class=\\"row \\"><div class=\\"col \\"><style>
        .col {
          float: left;
          box-sizing: border-box;
          padding-left: calc(var(--row-gap) / 2);
          padding-right: calc(var(--row-gap) / 2);
          width: 100%;
          margin-left: 0%;
        }
      </style></div><style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(2 * 16pt / 2);
          margin-right: calc(2 * 16pt / 2);
          --row-gap: calc(2 * 16pt);
          justify-content: normal;
          align-items: normal;
        }
      </style></div><div class=\\"row \\"><div class=\\"col \\"><style>
        .col {
          float: left;
          box-sizing: border-box;
          padding-left: calc(var(--row-gap) / 2);
          padding-right: calc(var(--row-gap) / 2);
          width: 100%;
          margin-left: 0%;
        }
      </style></div><style>
        .row {
          display: flex;
          position: relative;
          box-sizing: border-box;
          margin-left: calc(10 * 16pt / 2);
          margin-right: calc(10 * 16pt / 2);
          --row-gap: calc(10 * 16pt);
          justify-content: normal;
          align-items: normal;
        }
      </style></div></div>"
`;
