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

exports[`ChannelLoader should match snapshot 1`] = `
<View
  onLayout={[Function]}
  style={
    Array [
      Object {
        "flex": 1,
        "overflow": "hidden",
      },
      undefined,
      Object {
        "backgroundColor": "#ffffff",
      },
    ]
  }
>
  <ForwardRef(AnimatedComponentWrapper)
    style={
      Array [
        Object {
          "backgroundColor": "#3D3C40",
          "height": 38,
          "position": "absolute",
          "width": "100%",
          "zIndex": 9,
        },
        Object {
          "top": -38,
        },
      ]
    }
  >
    <ForwardRef(AnimatedComponentWrapper)
      edges={
        Array [
          "left",
          "right",
        ]
      }
      style={
        Object {
          "alignItems": "center",
          "flexDirection": "row",
          "height": 38,
          "paddingLeft": 12,
          "paddingRight": 5,
        }
      }
    >
      <View
        style={
          Object {
            "alignItems": "flex-start",
            "height": 24,
            "justifyContent": "center",
            "paddingRight": 10,
          }
        }
      >
        <ActivityIndicator
          animating={true}
          color="#FFFFFF"
          hidesWhenStopped={true}
          size="small"
        />
      </View>
      <FormattedText
        defaultMessage="Still trying to load your content..."
        id="mobile.channel_loader.still_loading"
        style={
          Object {
            "color": "#fff",
            "fontWeight": "bold",
          }
        }
      />
    </ForwardRef(AnimatedComponentWrapper)>
  </ForwardRef(AnimatedComponentWrapper)>
  <View
    style={
      Array [
        Object {
          "backgroundColor": "#ffffff",
          "flex": 1,
          "marginVertical": 10,
          "paddingLeft": 12,
          "paddingRight": 20,
        },
        Object {
          "backgroundColor": "#ffffff",
        },
      ]
    }
  >
    <Unknown
      Animation={[Function]}
      Left={[Function]}
      styles={
        Object {
          "left": Object {
            "color": "rgba(61,60,64,0.15)",
          },
        }
      }
    >
      <Unknown
        color="rgba(61,60,64,0.15)"
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={80}
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={60}
      />
    </Unknown>
  </View>
  <View
    style={
      Array [
        Object {
          "backgroundColor": "#ffffff",
          "flex": 1,
          "marginVertical": 10,
          "paddingLeft": 12,
          "paddingRight": 20,
        },
        Object {
          "backgroundColor": "#ffffff",
        },
      ]
    }
  >
    <Unknown
      Animation={[Function]}
      Left={[Function]}
      styles={
        Object {
          "left": Object {
            "color": "rgba(61,60,64,0.15)",
          },
        }
      }
    >
      <Unknown
        color="rgba(61,60,64,0.15)"
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={80}
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={60}
      />
    </Unknown>
  </View>
  <View
    style={
      Array [
        Object {
          "backgroundColor": "#ffffff",
          "flex": 1,
          "marginVertical": 10,
          "paddingLeft": 12,
          "paddingRight": 20,
        },
        Object {
          "backgroundColor": "#ffffff",
        },
      ]
    }
  >
    <Unknown
      Animation={[Function]}
      Left={[Function]}
      styles={
        Object {
          "left": Object {
            "color": "rgba(61,60,64,0.15)",
          },
        }
      }
    >
      <Unknown
        color="rgba(61,60,64,0.15)"
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={80}
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={60}
      />
    </Unknown>
  </View>
  <View
    style={
      Array [
        Object {
          "backgroundColor": "#ffffff",
          "flex": 1,
          "marginVertical": 10,
          "paddingLeft": 12,
          "paddingRight": 20,
        },
        Object {
          "backgroundColor": "#ffffff",
        },
      ]
    }
  >
    <Unknown
      Animation={[Function]}
      Left={[Function]}
      styles={
        Object {
          "left": Object {
            "color": "rgba(61,60,64,0.15)",
          },
        }
      }
    >
      <Unknown
        color="rgba(61,60,64,0.15)"
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={80}
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={60}
      />
    </Unknown>
  </View>
  <View
    style={
      Array [
        Object {
          "backgroundColor": "#ffffff",
          "flex": 1,
          "marginVertical": 10,
          "paddingLeft": 12,
          "paddingRight": 20,
        },
        Object {
          "backgroundColor": "#ffffff",
        },
      ]
    }
  >
    <Unknown
      Animation={[Function]}
      Left={[Function]}
      styles={
        Object {
          "left": Object {
            "color": "rgba(61,60,64,0.15)",
          },
        }
      }
    >
      <Unknown
        color="rgba(61,60,64,0.15)"
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={80}
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={60}
      />
    </Unknown>
  </View>
  <View
    style={
      Array [
        Object {
          "backgroundColor": "#ffffff",
          "flex": 1,
          "marginVertical": 10,
          "paddingLeft": 12,
          "paddingRight": 20,
        },
        Object {
          "backgroundColor": "#ffffff",
        },
      ]
    }
  >
    <Unknown
      Animation={[Function]}
      Left={[Function]}
      styles={
        Object {
          "left": Object {
            "color": "rgba(61,60,64,0.15)",
          },
        }
      }
    >
      <Unknown
        color="rgba(61,60,64,0.15)"
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={80}
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={60}
      />
    </Unknown>
  </View>
  <View
    style={
      Array [
        Object {
          "backgroundColor": "#ffffff",
          "flex": 1,
          "marginVertical": 10,
          "paddingLeft": 12,
          "paddingRight": 20,
        },
        Object {
          "backgroundColor": "#ffffff",
        },
      ]
    }
  >
    <Unknown
      Animation={[Function]}
      Left={[Function]}
      styles={
        Object {
          "left": Object {
            "color": "rgba(61,60,64,0.15)",
          },
        }
      }
    >
      <Unknown
        color="rgba(61,60,64,0.15)"
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={80}
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={60}
      />
    </Unknown>
  </View>
  <View
    style={
      Array [
        Object {
          "backgroundColor": "#ffffff",
          "flex": 1,
          "marginVertical": 10,
          "paddingLeft": 12,
          "paddingRight": 20,
        },
        Object {
          "backgroundColor": "#ffffff",
        },
      ]
    }
  >
    <Unknown
      Animation={[Function]}
      Left={[Function]}
      styles={
        Object {
          "left": Object {
            "color": "rgba(61,60,64,0.15)",
          },
        }
      }
    >
      <Unknown
        color="rgba(61,60,64,0.15)"
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={80}
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={60}
      />
    </Unknown>
  </View>
  <View
    style={
      Array [
        Object {
          "backgroundColor": "#ffffff",
          "flex": 1,
          "marginVertical": 10,
          "paddingLeft": 12,
          "paddingRight": 20,
        },
        Object {
          "backgroundColor": "#ffffff",
        },
      ]
    }
  >
    <Unknown
      Animation={[Function]}
      Left={[Function]}
      styles={
        Object {
          "left": Object {
            "color": "rgba(61,60,64,0.15)",
          },
        }
      }
    >
      <Unknown
        color="rgba(61,60,64,0.15)"
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={80}
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={60}
      />
    </Unknown>
  </View>
  <View
    style={
      Array [
        Object {
          "backgroundColor": "#ffffff",
          "flex": 1,
          "marginVertical": 10,
          "paddingLeft": 12,
          "paddingRight": 20,
        },
        Object {
          "backgroundColor": "#ffffff",
        },
      ]
    }
  >
    <Unknown
      Animation={[Function]}
      Left={[Function]}
      styles={
        Object {
          "left": Object {
            "color": "rgba(61,60,64,0.15)",
          },
        }
      }
    >
      <Unknown
        color="rgba(61,60,64,0.15)"
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={80}
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={60}
      />
    </Unknown>
  </View>
  <View
    style={
      Array [
        Object {
          "backgroundColor": "#ffffff",
          "flex": 1,
          "marginVertical": 10,
          "paddingLeft": 12,
          "paddingRight": 20,
        },
        Object {
          "backgroundColor": "#ffffff",
        },
      ]
    }
  >
    <Unknown
      Animation={[Function]}
      Left={[Function]}
      styles={
        Object {
          "left": Object {
            "color": "rgba(61,60,64,0.15)",
          },
        }
      }
    >
      <Unknown
        color="rgba(61,60,64,0.15)"
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={80}
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={60}
      />
    </Unknown>
  </View>
  <View
    style={
      Array [
        Object {
          "backgroundColor": "#ffffff",
          "flex": 1,
          "marginVertical": 10,
          "paddingLeft": 12,
          "paddingRight": 20,
        },
        Object {
          "backgroundColor": "#ffffff",
        },
      ]
    }
  >
    <Unknown
      Animation={[Function]}
      Left={[Function]}
      styles={
        Object {
          "left": Object {
            "color": "rgba(61,60,64,0.15)",
          },
        }
      }
    >
      <Unknown
        color="rgba(61,60,64,0.15)"
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={80}
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={60}
      />
    </Unknown>
  </View>
  <View
    style={
      Array [
        Object {
          "backgroundColor": "#ffffff",
          "flex": 1,
          "marginVertical": 10,
          "paddingLeft": 12,
          "paddingRight": 20,
        },
        Object {
          "backgroundColor": "#ffffff",
        },
      ]
    }
  >
    <Unknown
      Animation={[Function]}
      Left={[Function]}
      styles={
        Object {
          "left": Object {
            "color": "rgba(61,60,64,0.15)",
          },
        }
      }
    >
      <Unknown
        color="rgba(61,60,64,0.15)"
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={80}
      />
      <Unknown
        color="rgba(61,60,64,0.15)"
        width={60}
      />
    </Unknown>
  </View>
</View>
`;
