// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`SyncConsentModal > full modal structure snapshot 1`] = `
<Modal
  animationType="fade"
  onRequestClose={[MockFunction]}
  ref={null}
  transparent={true}
  visible={true}
>
  <View
    ref={null}
    style={
      [
        {
          "alignItems": "center",
          "flex": 1,
          "justifyContent": "center",
          "padding": 16,
        },
        {
          "backgroundColor": "rgba(0,0,0,0.8)",
        },
      ]
    }
  >
    <View
      ref={null}
      style={
        [
          {
            "alignItems": "center",
            "borderRadius": 16,
            "maxWidth": 360,
            "padding": 24,
            "width": "100%",
          },
          {
            "backgroundColor": "#1C1C1E",
          },
        ]
      }
    >
      <View
        ref={null}
        style={
          {
            "alignItems": "center",
            "backgroundColor": "rgba(255, 107, 53, 0.1)",
            "borderRadius": 40,
            "height": 80,
            "justifyContent": "center",
            "marginBottom": 16,
            "width": 80,
          }
        }
      >
        <Ionicons
          color="#FF6B35"
          name="sparkles"
          size={40}
          testID="icon-sparkles"
        />
      </View>
      <Text
        ref={null}
        style={
          [
            {
              "color": "#FFFFFF",
              "fontSize": 24,
              "fontWeight": "700",
            },
            {
              "marginBottom": 24,
              "textAlign": "center",
            },
          ]
        }
      >
        sync.title
      </Text>
      <View
        ref={null}
        style={
          {
            "gap": 12,
            "marginBottom": 24,
            "width": "100%",
          }
        }
      >
        <View
          ref={null}
          style={
            {
              "alignItems": "center",
              "flexDirection": "row",
              "gap": 12,
            }
          }
        >
          <Ionicons
            color="#FF6B35"
            name="trending-up"
            size={22}
            testID="icon-trending-up"
          />
          <Text
            ref={null}
            style={
              [
                {
                  "color": "#8E8E93",
                  "fontSize": 15,
                  "fontWeight": "400",
                },
                {
                  "flex": 1,
                  "lineHeight": 22,
                },
              ]
            }
          >
            sync.benefits.recommendations
          </Text>
        </View>
        <View
          ref={null}
          style={
            {
              "alignItems": "center",
              "flexDirection": "row",
              "gap": 12,
            }
          }
        >
          <Ionicons
            color="#FF6B35"
            name="fitness"
            size={22}
            testID="icon-fitness"
          />
          <Text
            ref={null}
            style={
              [
                {
                  "color": "#8E8E93",
                  "fontSize": 15,
                  "fontWeight": "400",
                },
                {
                  "flex": 1,
                  "lineHeight": 22,
                },
              ]
            }
          >
            sync.benefits.adaptive
          </Text>
        </View>
        <View
          ref={null}
          style={
            {
              "alignItems": "center",
              "flexDirection": "row",
              "gap": 12,
            }
          }
        >
          <Ionicons
            color="#FF6B35"
            name="sync"
            size={22}
            testID="icon-sync"
          />
          <Text
            ref={null}
            style={
              [
                {
                  "color": "#8E8E93",
                  "fontSize": 15,
                  "fontWeight": "400",
                },
                {
                  "flex": 1,
                  "lineHeight": 22,
                },
              ]
            }
          >
            sync.benefits.sync
          </Text>
        </View>
        <View
          ref={null}
          style={
            {
              "alignItems": "center",
              "flexDirection": "row",
              "gap": 12,
            }
          }
        >
          <Ionicons
            color="#FF6B35"
            name="shield-checkmark"
            size={22}
            testID="icon-shield-checkmark"
          />
          <Text
            ref={null}
            style={
              [
                {
                  "color": "#8E8E93",
                  "fontSize": 15,
                  "fontWeight": "400",
                },
                {
                  "flex": 1,
                  "lineHeight": 22,
                },
              ]
            }
          >
            sync.benefits.secure
          </Text>
        </View>
      </View>
      <Text
        ref={null}
        style={
          [
            {
              "color": "#636366",
              "fontSize": 13,
              "fontWeight": "400",
            },
            {
              "lineHeight": 20,
              "marginBottom": 24,
              "textAlign": "center",
            },
          ]
        }
      >
        sync.privacy
      </Text>
      <Pressable
        disabled={false}
        onClick={[Function]}
        onPress={[Function]}
        ref={null}
        style={
          [
            {
              "alignItems": "center",
              "backgroundColor": "#FF6B35",
              "borderRadius": 14,
              "height": 52,
              "justifyContent": "center",
              "marginBottom": 12,
              "width": "100%",
            },
            false,
          ]
        }
      >
        <Text
          ref={null}
          style={
            [
              {
                "color": "#FFFFFF",
                "fontSize": 17,
                "fontWeight": "600",
              },
              undefined,
            ]
          }
        >
          sync.primaryButton
        </Text>
      </Pressable>
      <Pressable
        onClick={[MockFunction]}
        onPress={[MockFunction]}
        ref={null}
        style={
          {
            "padding": 12,
          }
        }
      >
        <Text
          ref={null}
          style={
            [
              {
                "color": "#8E8E93",
                "fontSize": 15,
                "fontWeight": "400",
              },
              undefined,
            ]
          }
        >
          sync.secondaryButton
        </Text>
      </Pressable>
    </View>
  </View>
</Modal>
`;
