<DOCUMENT>
  <PAGE
    dpi={100}
    size="A4"
    style={{
      fontFamily: 'Inter',
      fontSize: 12,
      lineHeight: 1.5,
      paddingBottom: 65,
      paddingHorizontal: 35,
      paddingTop: 35
    }}
  >
    <VIEW
      style={{
        display: 'flex',
        flexDirection: 'row',
        gap: 6
      }}
    >
      <VIEW
        style={{
          flex: 0.8
        }}
      >
        <React.Fragment key=".$">
          <VIEW
            style={{
              alignItems: undefined,
              backgroundColor: undefined,
              color: undefined,
              paddingVertical: 2.25,
              textAlign: 'left'
            }}
          >
            <TEXT>
              <TEXT style={{}}>
                This paragraph is in a column!
              </TEXT>
            </TEXT>
          </VIEW>
        </React.Fragment>
      </VIEW>
      <VIEW
        style={{
          flex: 1.4
        }}
      >
        <React.Fragment key=".$">
          <VIEW
            style={{
              alignItems: undefined,
              backgroundColor: undefined,
              color: undefined,
              paddingVertical: 2.25,
              textAlign: 'left'
            }}
          >
            <TEXT
              style={{
                fontSize: 24,
                fontWeight: 700,
                lineHeight: 1.25
              }}
            >
              <TEXT style={{}}>
                So is this heading!
              </TEXT>
            </TEXT>
          </VIEW>
        </React.Fragment>
      </VIEW>
      <VIEW
        style={{
          flex: 0.8
        }}
      >
        <React.Fragment key=".$">
          <VIEW
            style={{
              alignItems: undefined,
              backgroundColor: undefined,
              color: undefined,
              paddingVertical: 2.25,
              textAlign: 'left'
            }}
          >
            <TEXT>
              <TEXT style={{}}>
                You can have multiple blocks in a column too
              </TEXT>
            </TEXT>
          </VIEW>
        </React.Fragment>
        <React.Fragment key=".$">
          <VIEW
            style={{
              alignItems: undefined,
              backgroundColor: undefined,
              color: undefined,
              paddingVertical: 2.25,
              textAlign: 'left'
            }}
          >
            <ListItem listMarker="•">
              <TEXT>
                <TEXT style={{}}>
                  Block 1
                </TEXT>
              </TEXT>
            </ListItem>
          </VIEW>
        </React.Fragment>
        <React.Fragment key=".$">
          <VIEW
            style={{
              alignItems: undefined,
              backgroundColor: undefined,
              color: undefined,
              paddingVertical: 2.25,
              textAlign: 'left'
            }}
          >
            <ListItem listMarker="•">
              <TEXT>
                <TEXT style={{}}>
                  Block 2
                </TEXT>
              </TEXT>
            </ListItem>
          </VIEW>
        </React.Fragment>
        <React.Fragment key=".$">
          <VIEW
            style={{
              alignItems: undefined,
              backgroundColor: undefined,
              color: undefined,
              paddingVertical: 2.25,
              textAlign: 'left'
            }}
          >
            <ListItem listMarker="•">
              <TEXT>
                <TEXT style={{}}>
                  Block 3
                </TEXT>
              </TEXT>
            </ListItem>
          </VIEW>
        </React.Fragment>
      </VIEW>
    </VIEW>
  </PAGE>
</DOCUMENT>