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

exports[`OnboardingStep > does not crash with step 0 (edge case snapshot) 1`] = `
<View
  ref={null}
  style={
    [
      {
        "backgroundColor": "#000000",
        "flex": 1,
      },
      {
        "paddingTop": 59,
      },
    ]
  }
>
  <View
    ref={null}
    style={
      {
        "backgroundColor": "#1C1C1E",
        "borderRadius": 2,
        "height": 3,
        "marginHorizontal": 24,
        "overflow": "hidden",
      }
    }
  >
    <Animated.View
      ref={null}
      style={
        [
          {
            "backgroundColor": "#FF6B35",
            "borderRadius": 2,
            "height": "100%",
          },
          {
            "width": {
              "__isAnimatedInterpolation": true,
              "inputRange": [
                0,
                1,
              ],
              "interpolate": [Function],
              "outputRange": [
                "0%",
                "100%",
              ],
            },
          },
        ]
      }
    />
  </View>
  <Animated.View
    ref={null}
    style={
      [
        {
          "flex": 1,
          "paddingHorizontal": 24,
          "paddingTop": 32,
        },
        {
          "opacity": AnimatedValue {
            "_listeners": Map {},
            "_value": 0,
          },
          "transform": [
            {
              "translateX": AnimatedValue {
                "_listeners": Map {},
                "_value": 375,
              },
            },
          ],
        },
        {
          "paddingBottom": 58,
        },
      ]
    }
  >
    <Text
      ref={null}
    >
      Edge case
    </Text>
  </Animated.View>
</View>
`;

exports[`OnboardingStep > step 1 of 6 snapshot 1`] = `
<View
  ref={null}
  style={
    [
      {
        "backgroundColor": "#000000",
        "flex": 1,
      },
      {
        "paddingTop": 59,
      },
    ]
  }
>
  <View
    ref={null}
    style={
      {
        "backgroundColor": "#1C1C1E",
        "borderRadius": 2,
        "height": 3,
        "marginHorizontal": 24,
        "overflow": "hidden",
      }
    }
  >
    <Animated.View
      ref={null}
      style={
        [
          {
            "backgroundColor": "#FF6B35",
            "borderRadius": 2,
            "height": "100%",
          },
          {
            "width": {
              "__isAnimatedInterpolation": true,
              "inputRange": [
                0,
                1,
              ],
              "interpolate": [Function],
              "outputRange": [
                "0%",
                "100%",
              ],
            },
          },
        ]
      }
    />
  </View>
  <Animated.View
    ref={null}
    style={
      [
        {
          "flex": 1,
          "paddingHorizontal": 24,
          "paddingTop": 32,
        },
        {
          "opacity": AnimatedValue {
            "_listeners": Map {},
            "_value": 0,
          },
          "transform": [
            {
              "translateX": AnimatedValue {
                "_listeners": Map {},
                "_value": 375,
              },
            },
          ],
        },
        {
          "paddingBottom": 58,
        },
      ]
    }
  >
    <Text
      ref={null}
    >
      First step
    </Text>
  </Animated.View>
</View>
`;

exports[`OnboardingStep > step 6 of 6 (final step) snapshot 1`] = `
<View
  ref={null}
  style={
    [
      {
        "backgroundColor": "#000000",
        "flex": 1,
      },
      {
        "paddingTop": 59,
      },
    ]
  }
>
  <View
    ref={null}
    style={
      {
        "backgroundColor": "#1C1C1E",
        "borderRadius": 2,
        "height": 3,
        "marginHorizontal": 24,
        "overflow": "hidden",
      }
    }
  >
    <Animated.View
      ref={null}
      style={
        [
          {
            "backgroundColor": "#FF6B35",
            "borderRadius": 2,
            "height": "100%",
          },
          {
            "width": {
              "__isAnimatedInterpolation": true,
              "inputRange": [
                0,
                1,
              ],
              "interpolate": [Function],
              "outputRange": [
                "0%",
                "100%",
              ],
            },
          },
        ]
      }
    />
  </View>
  <Animated.View
    ref={null}
    style={
      [
        {
          "flex": 1,
          "paddingHorizontal": 24,
          "paddingTop": 32,
        },
        {
          "opacity": AnimatedValue {
            "_listeners": Map {},
            "_value": 0,
          },
          "transform": [
            {
              "translateX": AnimatedValue {
                "_listeners": Map {},
                "_value": 375,
              },
            },
          ],
        },
        {
          "paddingBottom": 58,
        },
      ]
    }
  >
    <Text
      ref={null}
    >
      Final step
    </Text>
  </Animated.View>
</View>
`;
