@tactics/toddle-styleguide 5.0.1 → 5.0.2

package/src/components/molecules/send-bubble/__snapshots__/send-text-bubble.test.js.snap

@@ -1,1979 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Failed text bubble test shows a DEFAULT text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 1`] = `
-<View>
-  <View
-    style={
-      [
-        {
-          "borderBottomLeftRadius": 8,
-          "borderBottomRightRadius": 24,
-          "borderTopLeftRadius": 24,
-          "borderTopRightRadius": 24,
-          "justifyContent": "center",
-          "overflow": "hidden",
-          "paddingBottom": 16,
-          "paddingLeft": 24,
-          "paddingRight": 24,
-          "paddingTop": 16,
-          "width": "100%",
-        },
-        {
-          "backgroundColor": "#E0E8F9",
-        },
-        false,
-      ]
-    }
-  >
-    <View
-      collapsable={false}
-      handlerTag={1}
-      handlerType="PanGestureHandler"
-      onGestureHandlerEvent={[Function]}
-      onGestureHandlerStateChange={[Function]}
-      onLayout={[Function]}
-      style={
-        {
-          "overflow": "hidden",
-        }
-      }
-    >
-      <View
-        collapsable={false}
-        style={
-          {
-            "bottom": 0,
-            "flexDirection": "row-reverse",
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-            "transform": [
-              {
-                "translateX": -10000,
-              },
-            ],
-          }
-        }
-      >
-        <View
-          style={
-            {
-              "alignItems": "center",
-              "flex": 1,
-              "flexDirection": "row",
-              "justifyContent": "space-evenly",
-            }
-          }
-        >
-          <View
-            collapsable={false}
-            style={
-              {
-                "alignItems": "center",
-                "justifyContent": "center",
-                "opacity": 0,
-              }
-            }
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              testID="edit-button"
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight="24"
-                bbWidth="24"
-                fill="none"
-                focusable={false}
-                height={24}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    {
-                      "flex": 0,
-                      "height": 24,
-                      "width": 24,
-                    },
-                  ]
-                }
-                vbHeight={17}
-                vbWidth={16}
-                width={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    d="M11.9444 1.12367C12.8036 0.225461 14.1965 0.225461 15.0557 1.12367C15.9148 2.02187 15.9148 3.47815 15.0557 4.37636L14.1835 5.28818L11.0722 2.03549L11.9444 1.12367Z"
-                    fill={
-                      {
-                        "payload": 4279837036,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "fill",
-                      ]
-                    }
-                  />
-                  <RNSVGPath
-                    d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
-                    fill={
-                      {
-                        "payload": 4279837036,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "fill",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-          <View
-            collapsable={false}
-            style={
-              {
-                "alignItems": "center",
-                "justifyContent": "center",
-                "opacity": 0,
-              }
-            }
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              testID="delete-button"
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight="24"
-                bbWidth="24"
-                fill="none"
-                focusable={false}
-                height={24}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    {
-                      "flex": 0,
-                      "height": 24,
-                      "width": 24,
-                    },
-                  ]
-                }
-                vbHeight={18}
-                vbWidth={17}
-                width={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    clipRule={0}
-                    d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
-                    fill={
-                      {
-                        "payload": 4279837036,
-                        "type": 0,
-                      }
-                    }
-                    fillRule={0}
-                    propList={
-                      [
-                        "fill",
-                        "fillRule",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-        </View>
-        <View
-          onLayout={[Function]}
-        />
-      </View>
-      <View
-        collapsable={false}
-        handlerTag={2}
-        handlerType="TapGestureHandler"
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        pointerEvents="auto"
-        style={
-          {
-            "transform": [
-              {
-                "translateX": -0,
-              },
-            ],
-          }
-        }
-      >
-        <Text
-          style={
-            [
-              [
-                {
-                  "fontFamily": "Montserrat",
-                  "fontSize": 13,
-                  "lineHeight": 20.4,
-                },
-              ],
-              {
-                "color": "#19216C",
-                "textAlign": undefined,
-                "width": "100%",
-              },
-              [
-                {
-                  "minHeight": 30,
-                  "textAlignVertical": "center",
-                },
-                {
-                  "backgroundColor": "#E0E8F9",
-                },
-                false,
-              ],
-            ]
-          }
-        >
-          This is a test
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Failed text bubble test shows a DEFAULT text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 2`] = `
-<View>
-  <View
-    style={
-      [
-        {
-          "borderBottomLeftRadius": 8,
-          "borderBottomRightRadius": 24,
-          "borderTopLeftRadius": 24,
-          "borderTopRightRadius": 24,
-          "justifyContent": "center",
-          "overflow": "hidden",
-          "paddingBottom": 16,
-          "paddingLeft": 24,
-          "paddingRight": 24,
-          "paddingTop": 16,
-          "width": "100%",
-        },
-        {
-          "backgroundColor": "#E0E8F9",
-        },
-        false,
-      ]
-    }
-  >
-    <View
-      collapsable={false}
-      handlerTag={3}
-      handlerType="PanGestureHandler"
-      onGestureHandlerEvent={[Function]}
-      onGestureHandlerStateChange={[Function]}
-      onLayout={[Function]}
-      style={
-        {
-          "overflow": "hidden",
-        }
-      }
-    >
-      <View
-        collapsable={false}
-        style={
-          {
-            "bottom": 0,
-            "flexDirection": "row-reverse",
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-            "transform": [
-              {
-                "translateX": -10000,
-              },
-            ],
-          }
-        }
-      >
-        <View
-          style={
-            {
-              "alignItems": "center",
-              "flex": 1,
-              "flexDirection": "row",
-              "justifyContent": "space-evenly",
-            }
-          }
-        >
-          <View
-            collapsable={false}
-            style={
-              {
-                "alignItems": "center",
-                "justifyContent": "center",
-                "opacity": 0,
-              }
-            }
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              testID="edit-button"
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight="24"
-                bbWidth="24"
-                fill="none"
-                focusable={false}
-                height={24}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    {
-                      "flex": 0,
-                      "height": 24,
-                      "width": 24,
-                    },
-                  ]
-                }
-                vbHeight={17}
-                vbWidth={16}
-                width={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    d="M11.9444 1.12367C12.8036 0.225461 14.1965 0.225461 15.0557 1.12367C15.9148 2.02187 15.9148 3.47815 15.0557 4.37636L14.1835 5.28818L11.0722 2.03549L11.9444 1.12367Z"
-                    fill={
-                      {
-                        "payload": 4279837036,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "fill",
-                      ]
-                    }
-                  />
-                  <RNSVGPath
-                    d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
-                    fill={
-                      {
-                        "payload": 4279837036,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "fill",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-          <View
-            collapsable={false}
-            style={
-              {
-                "alignItems": "center",
-                "justifyContent": "center",
-                "opacity": 0,
-              }
-            }
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              testID="delete-button"
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight="24"
-                bbWidth="24"
-                fill="none"
-                focusable={false}
-                height={24}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    {
-                      "flex": 0,
-                      "height": 24,
-                      "width": 24,
-                    },
-                  ]
-                }
-                vbHeight={18}
-                vbWidth={17}
-                width={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    clipRule={0}
-                    d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
-                    fill={
-                      {
-                        "payload": 4279837036,
-                        "type": 0,
-                      }
-                    }
-                    fillRule={0}
-                    propList={
-                      [
-                        "fill",
-                        "fillRule",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-        </View>
-        <View
-          onLayout={[Function]}
-        />
-      </View>
-      <View
-        collapsable={false}
-        handlerTag={4}
-        handlerType="TapGestureHandler"
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        pointerEvents="auto"
-        style={
-          {
-            "transform": [
-              {
-                "translateX": -0,
-              },
-            ],
-          }
-        }
-      >
-        <Text
-          style={
-            [
-              [
-                {
-                  "fontFamily": "Montserrat",
-                  "fontSize": 13,
-                  "lineHeight": 20.4,
-                },
-              ],
-              {
-                "color": "#19216C",
-                "textAlign": undefined,
-                "width": "100%",
-              },
-              [
-                {
-                  "minHeight": 30,
-                  "textAlignVertical": "center",
-                },
-                {
-                  "backgroundColor": "#E0E8F9",
-                },
-                false,
-              ],
-            ]
-          }
-        >
-          This is a test
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Failed text bubble test shows a WARNING text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 1`] = `
-<View>
-  <View
-    style={
-      [
-        {
-          "borderBottomLeftRadius": 8,
-          "borderBottomRightRadius": 24,
-          "borderTopLeftRadius": 24,
-          "borderTopRightRadius": 24,
-          "justifyContent": "center",
-          "overflow": "hidden",
-          "paddingBottom": 16,
-          "paddingLeft": 24,
-          "paddingRight": 24,
-          "paddingTop": 16,
-          "width": "100%",
-        },
-        false,
-        {
-          "backgroundColor": "#FFD398",
-        },
-      ]
-    }
-  >
-    <View
-      collapsable={false}
-      handlerTag={5}
-      handlerType="PanGestureHandler"
-      onGestureHandlerEvent={[Function]}
-      onGestureHandlerStateChange={[Function]}
-      onLayout={[Function]}
-      style={
-        {
-          "overflow": "hidden",
-        }
-      }
-    >
-      <View
-        collapsable={false}
-        style={
-          {
-            "bottom": 0,
-            "flexDirection": "row-reverse",
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-            "transform": [
-              {
-                "translateX": -10000,
-              },
-            ],
-          }
-        }
-      >
-        <View
-          style={
-            {
-              "alignItems": "center",
-              "flex": 1,
-              "flexDirection": "row",
-              "justifyContent": "space-evenly",
-            }
-          }
-        >
-          <View
-            collapsable={false}
-            style={
-              {
-                "alignItems": "center",
-                "justifyContent": "center",
-                "opacity": 0,
-              }
-            }
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              testID="edit-button"
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight="24"
-                bbWidth="24"
-                fill="none"
-                focusable={false}
-                height={24}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    {
-                      "flex": 0,
-                      "height": 24,
-                      "width": 24,
-                    },
-                  ]
-                }
-                vbHeight={17}
-                vbWidth={16}
-                width={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    d="M11.9444 1.12367C12.8036 0.225461 14.1965 0.225461 15.0557 1.12367C15.9148 2.02187 15.9148 3.47815 15.0557 4.37636L14.1835 5.28818L11.0722 2.03549L11.9444 1.12367Z"
-                    fill={
-                      {
-                        "payload": 4294618180,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "fill",
-                      ]
-                    }
-                  />
-                  <RNSVGPath
-                    d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
-                    fill={
-                      {
-                        "payload": 4294618180,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "fill",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-          <View
-            collapsable={false}
-            style={
-              {
-                "alignItems": "center",
-                "justifyContent": "center",
-                "opacity": 0,
-              }
-            }
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              testID="delete-button"
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight="24"
-                bbWidth="24"
-                fill="none"
-                focusable={false}
-                height={24}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    {
-                      "flex": 0,
-                      "height": 24,
-                      "width": 24,
-                    },
-                  ]
-                }
-                vbHeight={18}
-                vbWidth={17}
-                width={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    clipRule={0}
-                    d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
-                    fill={
-                      {
-                        "payload": 4294618180,
-                        "type": 0,
-                      }
-                    }
-                    fillRule={0}
-                    propList={
-                      [
-                        "fill",
-                        "fillRule",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-        </View>
-        <View
-          onLayout={[Function]}
-        />
-      </View>
-      <View
-        collapsable={false}
-        handlerTag={6}
-        handlerType="TapGestureHandler"
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        pointerEvents="auto"
-        style={
-          {
-            "transform": [
-              {
-                "translateX": -0,
-              },
-            ],
-          }
-        }
-      >
-        <Text
-          style={
-            [
-              [
-                {
-                  "fontFamily": "Montserrat",
-                  "fontSize": 13,
-                  "lineHeight": 20.4,
-                },
-              ],
-              {
-                "color": "#1F2933",
-                "textAlign": undefined,
-                "width": "100%",
-              },
-              [
-                {
-                  "minHeight": 30,
-                  "textAlignVertical": "center",
-                },
-                false,
-                {
-                  "backgroundColor": "#FFD398",
-                },
-              ],
-            ]
-          }
-        >
-          This is a test
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Failed text bubble test shows a WARNING text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 2`] = `
-<View>
-  <View
-    style={
-      [
-        {
-          "borderBottomLeftRadius": 8,
-          "borderBottomRightRadius": 24,
-          "borderTopLeftRadius": 24,
-          "borderTopRightRadius": 24,
-          "justifyContent": "center",
-          "overflow": "hidden",
-          "paddingBottom": 16,
-          "paddingLeft": 24,
-          "paddingRight": 24,
-          "paddingTop": 16,
-          "width": "100%",
-        },
-        false,
-        {
-          "backgroundColor": "#FFD398",
-        },
-      ]
-    }
-  >
-    <View
-      collapsable={false}
-      handlerTag={7}
-      handlerType="PanGestureHandler"
-      onGestureHandlerEvent={[Function]}
-      onGestureHandlerStateChange={[Function]}
-      onLayout={[Function]}
-      style={
-        {
-          "overflow": "hidden",
-        }
-      }
-    >
-      <View
-        collapsable={false}
-        style={
-          {
-            "bottom": 0,
-            "flexDirection": "row-reverse",
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-            "transform": [
-              {
-                "translateX": -10000,
-              },
-            ],
-          }
-        }
-      >
-        <View
-          style={
-            {
-              "alignItems": "center",
-              "flex": 1,
-              "flexDirection": "row",
-              "justifyContent": "space-evenly",
-            }
-          }
-        >
-          <View
-            collapsable={false}
-            style={
-              {
-                "alignItems": "center",
-                "justifyContent": "center",
-                "opacity": 0,
-              }
-            }
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              testID="edit-button"
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight="24"
-                bbWidth="24"
-                fill="none"
-                focusable={false}
-                height={24}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    {
-                      "flex": 0,
-                      "height": 24,
-                      "width": 24,
-                    },
-                  ]
-                }
-                vbHeight={17}
-                vbWidth={16}
-                width={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    d="M11.9444 1.12367C12.8036 0.225461 14.1965 0.225461 15.0557 1.12367C15.9148 2.02187 15.9148 3.47815 15.0557 4.37636L14.1835 5.28818L11.0722 2.03549L11.9444 1.12367Z"
-                    fill={
-                      {
-                        "payload": 4294618180,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "fill",
-                      ]
-                    }
-                  />
-                  <RNSVGPath
-                    d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
-                    fill={
-                      {
-                        "payload": 4294618180,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "fill",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-          <View
-            collapsable={false}
-            style={
-              {
-                "alignItems": "center",
-                "justifyContent": "center",
-                "opacity": 0,
-              }
-            }
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              testID="delete-button"
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight="24"
-                bbWidth="24"
-                fill="none"
-                focusable={false}
-                height={24}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    {
-                      "flex": 0,
-                      "height": 24,
-                      "width": 24,
-                    },
-                  ]
-                }
-                vbHeight={18}
-                vbWidth={17}
-                width={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    clipRule={0}
-                    d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
-                    fill={
-                      {
-                        "payload": 4294618180,
-                        "type": 0,
-                      }
-                    }
-                    fillRule={0}
-                    propList={
-                      [
-                        "fill",
-                        "fillRule",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-        </View>
-        <View
-          onLayout={[Function]}
-        />
-      </View>
-      <View
-        collapsable={false}
-        handlerTag={8}
-        handlerType="TapGestureHandler"
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        pointerEvents="auto"
-        style={
-          {
-            "transform": [
-              {
-                "translateX": -0,
-              },
-            ],
-          }
-        }
-      >
-        <Text
-          style={
-            [
-              [
-                {
-                  "fontFamily": "Montserrat",
-                  "fontSize": 13,
-                  "lineHeight": 20.4,
-                },
-              ],
-              {
-                "color": "#1F2933",
-                "textAlign": undefined,
-                "width": "100%",
-              },
-              [
-                {
-                  "minHeight": 30,
-                  "textAlignVertical": "center",
-                },
-                false,
-                {
-                  "backgroundColor": "#FFD398",
-                },
-              ],
-            ]
-          }
-        >
-          This is a test
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Failed text bubble test shows an ERROR text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 1`] = `
-<View>
-  <View
-    style={
-      [
-        {
-          "borderBottomLeftRadius": 8,
-          "borderBottomRightRadius": 24,
-          "borderTopLeftRadius": 24,
-          "borderTopRightRadius": 24,
-          "justifyContent": "center",
-          "overflow": "hidden",
-          "paddingBottom": 16,
-          "paddingLeft": 24,
-          "paddingRight": 24,
-          "paddingTop": 16,
-          "width": "100%",
-        },
-        false,
-        false,
-      ]
-    }
-  >
-    <View
-      collapsable={false}
-      handlerTag={9}
-      handlerType="PanGestureHandler"
-      onGestureHandlerEvent={[Function]}
-      onGestureHandlerStateChange={[Function]}
-      onLayout={[Function]}
-      style={
-        {
-          "overflow": "hidden",
-        }
-      }
-    >
-      <View
-        collapsable={false}
-        style={
-          {
-            "bottom": 0,
-            "flexDirection": "row-reverse",
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-            "transform": [
-              {
-                "translateX": -10000,
-              },
-            ],
-          }
-        }
-      >
-        <View
-          style={
-            {
-              "alignItems": "center",
-              "flex": 1,
-              "flexDirection": "row",
-              "justifyContent": "space-evenly",
-            }
-          }
-        >
-          <View
-            collapsable={false}
-            style={
-              {
-                "alignItems": "center",
-                "justifyContent": "center",
-                "opacity": 0,
-              }
-            }
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              testID="edit-button"
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight="24"
-                bbWidth="24"
-                fill="none"
-                focusable={false}
-                height={24}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    {
-                      "flex": 0,
-                      "height": 24,
-                      "width": 24,
-                    },
-                  ]
-                }
-                vbHeight={17}
-                vbWidth={16}
-                width={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    d="M11.9444 1.12367C12.8036 0.225461 14.1965 0.225461 15.0557 1.12367C15.9148 2.02187 15.9148 3.47815 15.0557 4.37636L14.1835 5.28818L11.0722 2.03549L11.9444 1.12367Z"
-                    fill={
-                      {
-                        "payload": 4279837036,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "fill",
-                      ]
-                    }
-                  />
-                  <RNSVGPath
-                    d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
-                    fill={
-                      {
-                        "payload": 4279837036,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "fill",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-          <View
-            collapsable={false}
-            style={
-              {
-                "alignItems": "center",
-                "justifyContent": "center",
-                "opacity": 0,
-              }
-            }
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              testID="delete-button"
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight="24"
-                bbWidth="24"
-                fill="none"
-                focusable={false}
-                height={24}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    {
-                      "flex": 0,
-                      "height": 24,
-                      "width": 24,
-                    },
-                  ]
-                }
-                vbHeight={18}
-                vbWidth={17}
-                width={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    clipRule={0}
-                    d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
-                    fill={
-                      {
-                        "payload": 4279837036,
-                        "type": 0,
-                      }
-                    }
-                    fillRule={0}
-                    propList={
-                      [
-                        "fill",
-                        "fillRule",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-        </View>
-        <View
-          onLayout={[Function]}
-        />
-      </View>
-      <View
-        collapsable={false}
-        handlerTag={10}
-        handlerType="TapGestureHandler"
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        pointerEvents="auto"
-        style={
-          {
-            "transform": [
-              {
-                "translateX": -0,
-              },
-            ],
-          }
-        }
-      >
-        <Text
-          style={
-            [
-              [
-                {
-                  "fontFamily": "Montserrat",
-                  "fontSize": 13,
-                  "lineHeight": 20.4,
-                },
-              ],
-              {
-                "color": "#1F2933",
-                "textAlign": undefined,
-                "width": "100%",
-              },
-              [
-                {
-                  "minHeight": 30,
-                  "textAlignVertical": "center",
-                },
-                false,
-                false,
-              ],
-            ]
-          }
-        >
-          This is a test
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Failed text bubble test shows an ERROR text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 2`] = `
-<View>
-  <View
-    style={
-      [
-        {
-          "borderBottomLeftRadius": 8,
-          "borderBottomRightRadius": 24,
-          "borderTopLeftRadius": 24,
-          "borderTopRightRadius": 24,
-          "justifyContent": "center",
-          "overflow": "hidden",
-          "paddingBottom": 16,
-          "paddingLeft": 24,
-          "paddingRight": 24,
-          "paddingTop": 16,
-          "width": "100%",
-        },
-        false,
-        false,
-      ]
-    }
-  >
-    <View
-      collapsable={false}
-      handlerTag={11}
-      handlerType="PanGestureHandler"
-      onGestureHandlerEvent={[Function]}
-      onGestureHandlerStateChange={[Function]}
-      onLayout={[Function]}
-      style={
-        {
-          "overflow": "hidden",
-        }
-      }
-    >
-      <View
-        collapsable={false}
-        style={
-          {
-            "bottom": 0,
-            "flexDirection": "row-reverse",
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-            "transform": [
-              {
-                "translateX": -10000,
-              },
-            ],
-          }
-        }
-      >
-        <View
-          style={
-            {
-              "alignItems": "center",
-              "flex": 1,
-              "flexDirection": "row",
-              "justifyContent": "space-evenly",
-            }
-          }
-        >
-          <View
-            collapsable={false}
-            style={
-              {
-                "alignItems": "center",
-                "justifyContent": "center",
-                "opacity": 0,
-              }
-            }
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              testID="edit-button"
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight="24"
-                bbWidth="24"
-                fill="none"
-                focusable={false}
-                height={24}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    {
-                      "flex": 0,
-                      "height": 24,
-                      "width": 24,
-                    },
-                  ]
-                }
-                vbHeight={17}
-                vbWidth={16}
-                width={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    d="M11.9444 1.12367C12.8036 0.225461 14.1965 0.225461 15.0557 1.12367C15.9148 2.02187 15.9148 3.47815 15.0557 4.37636L14.1835 5.28818L11.0722 2.03549L11.9444 1.12367Z"
-                    fill={
-                      {
-                        "payload": 4279837036,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "fill",
-                      ]
-                    }
-                  />
-                  <RNSVGPath
-                    d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
-                    fill={
-                      {
-                        "payload": 4279837036,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "fill",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-          <View
-            collapsable={false}
-            style={
-              {
-                "alignItems": "center",
-                "justifyContent": "center",
-                "opacity": 0,
-              }
-            }
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              testID="delete-button"
-            >
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight="24"
-                bbWidth="24"
-                fill="none"
-                focusable={false}
-                height={24}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    {
-                      "flex": 0,
-                      "height": 24,
-                      "width": 24,
-                    },
-                  ]
-                }
-                vbHeight={18}
-                vbWidth={17}
-                width={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    clipRule={0}
-                    d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
-                    fill={
-                      {
-                        "payload": 4279837036,
-                        "type": 0,
-                      }
-                    }
-                    fillRule={0}
-                    propList={
-                      [
-                        "fill",
-                        "fillRule",
-                      ]
-                    }
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-        </View>
-        <View
-          onLayout={[Function]}
-        />
-      </View>
-      <View
-        collapsable={false}
-        handlerTag={12}
-        handlerType="TapGestureHandler"
-        onGestureHandlerEvent={[Function]}
-        onGestureHandlerStateChange={[Function]}
-        pointerEvents="auto"
-        style={
-          {
-            "transform": [
-              {
-                "translateX": -0,
-              },
-            ],
-          }
-        }
-      >
-        <Text
-          style={
-            [
-              [
-                {
-                  "fontFamily": "Montserrat",
-                  "fontSize": 13,
-                  "lineHeight": 20.4,
-                },
-              ],
-              {
-                "color": "#1F2933",
-                "textAlign": undefined,
-                "width": "100%",
-              },
-              [
-                {
-                  "minHeight": 30,
-                  "textAlignVertical": "center",
-                },
-                false,
-                false,
-              ],
-            ]
-          }
-        >
-          This is a test
-        </Text>
-      </View>
-    </View>
-  </View>
-</View>
-`;