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

exports[`ReferralScreen should match snapshot 1`] = `
<RCTSafeAreaView
  style={
    {
      "backgroundColor": "#F5F5F5",
      "flex": 1,
    }
  }
>
  <LinearGradient
    colors={
      [
        "#EE2A35",
        "#FFD700",
      ]
    }
    end={
      {
        "x": 1,
        "y": 0,
      }
    }
    start={
      {
        "x": 0,
        "y": 0,
      }
    }
    style={
      {
        "padding": 20,
        "paddingTop": 40,
      }
    }
  >
    <Text
      style={
        {
          "color": "#FFFFFF",
          "fontSize": 24,
          "fontWeight": "bold",
          "marginBottom": 4,
        }
      }
    >
      Referral Program
    </Text>
    <Text
      style={
        {
          "color": "#FFFFFF",
          "fontSize": 14,
          "opacity": 0.9,
        }
      }
    >
      Earn rewards by inviting friends
    </Text>
  </LinearGradient>
  <RCTScrollView
    showsVerticalScrollIndicator={false}
    style={
      {
        "flex": 1,
        "padding": 20,
      }
    }
  >
    <View>
      <View
        style={
          {
            "backgroundColor": "#FFFFFF",
            "borderRadius": 16,
            "boxShadow": "0px 2px 8px rgba(0, 0, 0, 0.1)",
            "elevation": 4,
            "marginBottom": 20,
            "padding": 20,
          }
        }
      >
        <Text
          style={
            {
              "color": "#666",
              "fontSize": 14,
              "marginBottom": 12,
            }
          }
        >
          Your Referral Code
        </Text>
        <View
          style={
            {
              "backgroundColor": "#F5F5F5",
              "borderRadius": 12,
              "marginBottom": 16,
              "padding": 16,
            }
          }
        >
          <Text
            style={
              {
                "color": "#EE2A35",
                "fontFamily": "monospace",
                "fontSize": 20,
                "fontWeight": "bold",
                "textAlign": "center",
              }
            }
          >
            PZK-5GRWVAEF
          </Text>
        </View>
        <View
          style={
            {
              "flexDirection": "row",
              "gap": 12,
            }
          }
        >
          <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}
            onClick={[Function]}
            onResponderGrant={[Function]}
            onResponderMove={[Function]}
            onResponderRelease={[Function]}
            onResponderTerminate={[Function]}
            onResponderTerminationRequest={[Function]}
            onStartShouldSetResponder={[Function]}
            style={
              {
                "alignItems": "center",
                "backgroundColor": "#F0F0F0",
                "borderRadius": 8,
                "flex": 1,
                "flexDirection": "row",
                "gap": 8,
                "justifyContent": "center",
                "opacity": 1,
                "padding": 12,
              }
            }
          >
            <Text
              style={
                {
                  "fontSize": 16,
                }
              }
            >
              📱
            </Text>
            <Text
              style={
                {
                  "color": "#000000",
                  "fontSize": 14,
                  "fontWeight": "600",
                }
              }
            >
              QR Code
            </Text>
          </View>
          <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}
            onClick={[Function]}
            onResponderGrant={[Function]}
            onResponderMove={[Function]}
            onResponderRelease={[Function]}
            onResponderTerminate={[Function]}
            onResponderTerminationRequest={[Function]}
            onStartShouldSetResponder={[Function]}
            style={
              {
                "alignItems": "center",
                "backgroundColor": "#EE2A35",
                "borderRadius": 8,
                "flex": 1,
                "flexDirection": "row",
                "gap": 8,
                "justifyContent": "center",
                "opacity": 1,
                "padding": 12,
              }
            }
          >
            <Text
              style={
                {
                  "fontSize": 16,
                }
              }
            >
              📤
            </Text>
            <Text
              style={
                [
                  {
                    "color": "#000000",
                    "fontSize": 14,
                    "fontWeight": "600",
                  },
                  {
                    "color": "#FFFFFF",
                  },
                ]
              }
            >
              Paylaş / Share
            </Text>
          </View>
        </View>
      </View>
      <View
        style={
          {
            "flexDirection": "row",
            "gap": 12,
            "marginBottom": 12,
          }
        }
      >
        <View
          style={
            {
              "alignItems": "center",
              "backgroundColor": "#FFFFFF",
              "borderRadius": 12,
              "boxShadow": "0px 2px 6px rgba(0, 0, 0, 0.05)",
              "elevation": 3,
              "flex": 1,
              "padding": 16,
            }
          }
        >
          <Text
            style={
              {
                "color": "#EE2A35",
                "fontSize": 24,
                "fontWeight": "bold",
                "marginBottom": 4,
              }
            }
          >
            0
          </Text>
          <Text
            style={
              {
                "color": "#666",
                "fontSize": 12,
              }
            }
          >
            Total Referrals
          </Text>
        </View>
        <View
          style={
            {
              "alignItems": "center",
              "backgroundColor": "#FFFFFF",
              "borderRadius": 12,
              "boxShadow": "0px 2px 6px rgba(0, 0, 0, 0.05)",
              "elevation": 3,
              "flex": 1,
              "padding": 16,
            }
          }
        >
          <Text
            style={
              {
                "color": "#EE2A35",
                "fontSize": 24,
                "fontWeight": "bold",
                "marginBottom": 4,
              }
            }
          >
            0
          </Text>
          <Text
            style={
              {
                "color": "#666",
                "fontSize": 12,
              }
            }
          >
            Active
          </Text>
        </View>
      </View>
      <View
        style={
          {
            "flexDirection": "row",
            "gap": 12,
            "marginBottom": 12,
          }
        }
      >
        <View
          style={
            {
              "alignItems": "center",
              "backgroundColor": "#FFFFFF",
              "borderRadius": 12,
              "boxShadow": "0px 2px 6px rgba(0, 0, 0, 0.05)",
              "elevation": 3,
              "flex": 1,
              "padding": 16,
            }
          }
        >
          <Text
            style={
              {
                "color": "#EE2A35",
                "fontSize": 24,
                "fontWeight": "bold",
                "marginBottom": 4,
              }
            }
          >
            0.00 HEZ
          </Text>
          <Text
            style={
              {
                "color": "#666",
                "fontSize": 12,
              }
            }
          >
            Total Earned
          </Text>
        </View>
        <View
          style={
            {
              "alignItems": "center",
              "backgroundColor": "#FFFFFF",
              "borderRadius": 12,
              "boxShadow": "0px 2px 6px rgba(0, 0, 0, 0.05)",
              "elevation": 3,
              "flex": 1,
              "padding": 16,
            }
          }
        >
          <Text
            style={
              {
                "color": "#EE2A35",
                "fontSize": 24,
                "fontWeight": "bold",
                "marginBottom": 4,
              }
            }
          >
            0.00 HEZ
          </Text>
          <Text
            style={
              {
                "color": "#666",
                "fontSize": 12,
              }
            }
          >
            Pending
          </Text>
        </View>
      </View>
      <View
        style={
          {
            "marginTop": 20,
          }
        }
      >
        <Text
          style={
            {
              "color": "#000000",
              "fontSize": 18,
              "fontWeight": "600",
              "marginBottom": 8,
            }
          }
        >
          Score Calculation
        </Text>
        <Text
          style={
            {
              "color": "#666",
              "fontSize": 14,
              "marginBottom": 16,
            }
          }
        >
          How referrals contribute to your trust score
        </Text>
        <View
          style={
            {
              "backgroundColor": "rgba(0, 0, 0, 0.03)",
              "borderRadius": 12,
              "marginBottom": 8,
              "padding": 12,
            }
          }
        >
          <View
            style={
              {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "space-between",
              }
            }
          >
            <Text
              style={
                {
                  "color": "#666",
                  "fontSize": 14,
                }
              }
            >
              1-10 referrals
            </Text>
            <Text
              style={
                [
                  {
                    "fontSize": 14,
                    "fontWeight": "600",
                  },
                  {
                    "color": "#00A94F",
                  },
                ]
              }
            >
              10 points each
            </Text>
          </View>
        </View>
        <View
          style={
            {
              "backgroundColor": "rgba(0, 0, 0, 0.03)",
              "borderRadius": 12,
              "marginBottom": 8,
              "padding": 12,
            }
          }
        >
          <View
            style={
              {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "space-between",
              }
            }
          >
            <Text
              style={
                {
                  "color": "#666",
                  "fontSize": 14,
                }
              }
            >
              11-50 referrals
            </Text>
            <Text
              style={
                [
                  {
                    "fontSize": 14,
                    "fontWeight": "600",
                  },
                  {
                    "color": "#3B82F6",
                  },
                ]
              }
            >
              100 + 5 points each
            </Text>
          </View>
        </View>
        <View
          style={
            {
              "backgroundColor": "rgba(0, 0, 0, 0.03)",
              "borderRadius": 12,
              "marginBottom": 8,
              "padding": 12,
            }
          }
        >
          <View
            style={
              {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "space-between",
              }
            }
          >
            <Text
              style={
                {
                  "color": "#666",
                  "fontSize": 14,
                }
              }
            >
              51-100 referrals
            </Text>
            <Text
              style={
                [
                  {
                    "fontSize": 14,
                    "fontWeight": "600",
                  },
                  {
                    "color": "#FFD700",
                  },
                ]
              }
            >
              300 + 4 points each
            </Text>
          </View>
        </View>
        <View
          style={
            {
              "backgroundColor": "rgba(0, 0, 0, 0.03)",
              "borderRadius": 12,
              "marginBottom": 8,
              "padding": 12,
            }
          }
        >
          <View
            style={
              {
                "alignItems": "center",
                "flexDirection": "row",
                "justifyContent": "space-between",
              }
            }
          >
            <Text
              style={
                {
                  "color": "#666",
                  "fontSize": 14,
                }
              }
            >
              101+ referrals
            </Text>
            <Text
              style={
                [
                  {
                    "fontSize": 14,
                    "fontWeight": "600",
                  },
                  {
                    "color": "#EE2A35",
                  },
                ]
              }
            >
              500 points (max)
            </Text>
          </View>
        </View>
      </View>
      <View
        style={
          {
            "marginTop": 20,
          }
        }
      >
        <Text
          style={
            {
              "color": "#000000",
              "fontSize": 18,
              "fontWeight": "600",
              "marginBottom": 8,
            }
          }
        >
          Top Referrers
        </Text>
        <Text
          style={
            {
              "color": "#666",
              "fontSize": 14,
              "marginBottom": 16,
            }
          }
        >
          Community leaderboard
        </Text>
        <View
          style={
            {
              "backgroundColor": "#FFFFFF",
              "borderRadius": 12,
              "boxShadow": "0px 2px 6px rgba(0, 0, 0, 0.05)",
              "elevation": 3,
              "marginBottom": 12,
              "padding": 16,
            }
          }
        >
          <View
            style={
              {
                "alignItems": "center",
                "flexDirection": "row",
              }
            }
          >
            <View
              style={
                {
                  "alignItems": "center",
                  "backgroundColor": "#F5F5F5",
                  "borderRadius": 20,
                  "height": 40,
                  "justifyContent": "center",
                  "marginRight": 12,
                  "width": 40,
                }
              }
            >
              <Text
                style={
                  {
                    "fontSize": 20,
                  }
                }
              >
                🥇
              </Text>
            </View>
            <View
              style={
                {
                  "flex": 1,
                }
              }
            >
              <Text
                style={
                  {
                    "color": "#000000",
                    "fontFamily": "monospace",
                    "fontSize": 14,
                    "fontWeight": "600",
                    "marginBottom": 2,
                  }
                }
              >
                5GrwvaEF...KutQY
              </Text>
              <Text
                style={
                  {
                    "color": "#666",
                    "fontSize": 12,
                  }
                }
              >
                156 referrals
              </Text>
            </View>
            <Text
              style={
                {
                  "color": "#00A94F",
                  "fontSize": 16,
                  "fontWeight": "bold",
                }
              }
            >
              500 pts
            </Text>
          </View>
        </View>
        <View
          style={
            {
              "backgroundColor": "#FFFFFF",
              "borderRadius": 12,
              "boxShadow": "0px 2px 6px rgba(0, 0, 0, 0.05)",
              "elevation": 3,
              "marginBottom": 12,
              "padding": 16,
            }
          }
        >
          <View
            style={
              {
                "alignItems": "center",
                "flexDirection": "row",
              }
            }
          >
            <View
              style={
                {
                  "alignItems": "center",
                  "backgroundColor": "#F5F5F5",
                  "borderRadius": 20,
                  "height": 40,
                  "justifyContent": "center",
                  "marginRight": 12,
                  "width": 40,
                }
              }
            >
              <Text
                style={
                  {
                    "fontSize": 20,
                  }
                }
              >
                🥈
              </Text>
            </View>
            <View
              style={
                {
                  "flex": 1,
                }
              }
            >
              <Text
                style={
                  {
                    "color": "#000000",
                    "fontFamily": "monospace",
                    "fontSize": 14,
                    "fontWeight": "600",
                    "marginBottom": 2,
                  }
                }
              >
                5FHneW46...94ty
              </Text>
              <Text
                style={
                  {
                    "color": "#666",
                    "fontSize": 12,
                  }
                }
              >
                89 referrals
              </Text>
            </View>
            <Text
              style={
                {
                  "color": "#00A94F",
                  "fontSize": 16,
                  "fontWeight": "bold",
                }
              }
            >
              456 pts
            </Text>
          </View>
        </View>
        <View
          style={
            {
              "backgroundColor": "#FFFFFF",
              "borderRadius": 12,
              "boxShadow": "0px 2px 6px rgba(0, 0, 0, 0.05)",
              "elevation": 3,
              "marginBottom": 12,
              "padding": 16,
            }
          }
        >
          <View
            style={
              {
                "alignItems": "center",
                "flexDirection": "row",
              }
            }
          >
            <View
              style={
                {
                  "alignItems": "center",
                  "backgroundColor": "#F5F5F5",
                  "borderRadius": 20,
                  "height": 40,
                  "justifyContent": "center",
                  "marginRight": 12,
                  "width": 40,
                }
              }
            >
              <Text
                style={
                  {
                    "fontSize": 20,
                  }
                }
              >
                🥉
              </Text>
            </View>
            <View
              style={
                {
                  "flex": 1,
                }
              }
            >
              <Text
                style={
                  {
                    "color": "#000000",
                    "fontFamily": "monospace",
                    "fontSize": 14,
                    "fontWeight": "600",
                    "marginBottom": 2,
                  }
                }
              >
                5FLSigC9...hXcS59Y
              </Text>
              <Text
                style={
                  {
                    "color": "#666",
                    "fontSize": 12,
                  }
                }
              >
                67 referrals
              </Text>
            </View>
            <Text
              style={
                {
                  "color": "#00A94F",
                  "fontSize": 16,
                  "fontWeight": "bold",
                }
              }
            >
              385 pts
            </Text>
          </View>
        </View>
        <View
          style={
            {
              "backgroundColor": "#E0F2FE",
              "borderRadius": 12,
              "flexDirection": "row",
              "gap": 8,
              "marginTop": 8,
              "padding": 12,
            }
          }
        >
          <Text
            style={
              {
                "fontSize": 16,
              }
            }
          >
            ℹ️
          </Text>
          <Text
            style={
              {
                "color": "#0C4A6E",
                "flex": 1,
                "fontSize": 12,
                "lineHeight": 18,
              }
            }
          >
            Leaderboard updates every 24 hours. Keep inviting to climb the ranks!
          </Text>
        </View>
      </View>
      <View
        style={
          {
            "marginTop": 20,
          }
        }
      >
        <Text
          style={
            {
              "color": "#000000",
              "fontSize": 18,
              "fontWeight": "600",
              "marginBottom": 8,
            }
          }
        >
          How It Works
        </Text>
        <View
          style={
            {
              "backgroundColor": "#FFFFFF",
              "borderRadius": 12,
              "boxShadow": "0px 2px 6px rgba(0, 0, 0, 0.05)",
              "elevation": 3,
              "flexDirection": "row",
              "marginBottom": 12,
              "padding": 16,
            }
          }
        >
          <View
            style={
              {
                "alignItems": "center",
                "backgroundColor": "#EE2A35",
                "borderRadius": 20,
                "height": 40,
                "justifyContent": "center",
                "marginRight": 16,
                "width": 40,
              }
            }
          >
            <Text
              style={
                {
                  "color": "#FFFFFF",
                  "fontSize": 18,
                  "fontWeight": "bold",
                }
              }
            >
              1
            </Text>
          </View>
          <View
            style={
              {
                "flex": 1,
              }
            }
          >
            <Text
              style={
                {
                  "color": "#000000",
                  "fontSize": 16,
                  "fontWeight": "600",
                  "marginBottom": 4,
                }
              }
            >
              Share Your Code
            </Text>
            <Text
              style={
                {
                  "color": "#666",
                  "fontSize": 14,
                }
              }
            >
              Share your unique referral code with friends
            </Text>
          </View>
        </View>
        <View
          style={
            {
              "backgroundColor": "#FFFFFF",
              "borderRadius": 12,
              "boxShadow": "0px 2px 6px rgba(0, 0, 0, 0.05)",
              "elevation": 3,
              "flexDirection": "row",
              "marginBottom": 12,
              "padding": 16,
            }
          }
        >
          <View
            style={
              {
                "alignItems": "center",
                "backgroundColor": "#EE2A35",
                "borderRadius": 20,
                "height": 40,
                "justifyContent": "center",
                "marginRight": 16,
                "width": 40,
              }
            }
          >
            <Text
              style={
                {
                  "color": "#FFFFFF",
                  "fontSize": 18,
                  "fontWeight": "bold",
                }
              }
            >
              2
            </Text>
          </View>
          <View
            style={
              {
                "flex": 1,
              }
            }
          >
            <Text
              style={
                {
                  "color": "#000000",
                  "fontSize": 16,
                  "fontWeight": "600",
                  "marginBottom": 4,
                }
              }
            >
              Friend Joins
            </Text>
            <Text
              style={
                {
                  "color": "#666",
                  "fontSize": 14,
                }
              }
            >
              They use your code when applying for citizenship
            </Text>
          </View>
        </View>
        <View
          style={
            {
              "backgroundColor": "#FFFFFF",
              "borderRadius": 12,
              "boxShadow": "0px 2px 6px rgba(0, 0, 0, 0.05)",
              "elevation": 3,
              "flexDirection": "row",
              "marginBottom": 12,
              "padding": 16,
            }
          }
        >
          <View
            style={
              {
                "alignItems": "center",
                "backgroundColor": "#EE2A35",
                "borderRadius": 20,
                "height": 40,
                "justifyContent": "center",
                "marginRight": 16,
                "width": 40,
              }
            }
          >
            <Text
              style={
                {
                  "color": "#FFFFFF",
                  "fontSize": 18,
                  "fontWeight": "bold",
                }
              }
            >
              3
            </Text>
          </View>
          <View
            style={
              {
                "flex": 1,
              }
            }
          >
            <Text
              style={
                {
                  "color": "#000000",
                  "fontSize": 16,
                  "fontWeight": "600",
                  "marginBottom": 4,
                }
              }
            >
              Earn Rewards
            </Text>
            <Text
              style={
                {
                  "color": "#666",
                  "fontSize": 14,
                }
              }
            >
              Get HEZ tokens when they become active citizens
            </Text>
          </View>
        </View>
      </View>
      <View
        style={
          {
            "marginTop": 20,
          }
        }
      >
        <Text
          style={
            {
              "color": "#000000",
              "fontSize": 18,
              "fontWeight": "600",
              "marginBottom": 8,
            }
          }
        >
          Your Referrals
        </Text>
        <View
          style={
            {
              "alignItems": "center",
              "padding": 40,
            }
          }
        >
          <Text
            style={
              {
                "fontSize": 48,
                "marginBottom": 16,
              }
            }
          >
            👥
          </Text>
          <Text
            style={
              {
                "color": "#000000",
                "fontSize": 16,
                "fontWeight": "600",
                "marginBottom": 8,
              }
            }
          >
            No referrals yet
          </Text>
          <Text
            style={
              {
                "color": "#666",
                "fontSize": 14,
                "textAlign": "center",
              }
            }
          >
            Start inviting friends to earn rewards!
          </Text>
        </View>
      </View>
    </View>
  </RCTScrollView>
</RCTSafeAreaView>
`;
