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

exports[`CollectionCard > renders without onPress (no crash) 1`] = `
<Pressable
  ref={null}
  style={
    {
      "aspectRatio": 1,
      "borderRadius": 20,
      "overflow": "hidden",
      "shadowColor": "#000",
      "shadowOffset": {
        "height": 2,
        "width": 0,
      },
      "shadowOpacity": 0.25,
      "shadowRadius": 4,
      "width": 157.5,
    }
  }
>
  <LinearGradient
    colors={
      [
        "#FF6B35",
        "#FF3B30",
      ]
    }
    end={
      {
        "x": 1,
        "y": 1,
      }
    }
    start={
      {
        "x": 0,
        "y": 0,
      }
    }
    style={
      [
        {
          "bottom": 0,
          "left": 0,
          "position": "absolute",
          "right": 0,
          "top": 0,
        },
        {
          "borderRadius": 20,
        },
      ]
    }
    testID="linear-gradient"
  />
  <View
    ref={null}
    style={
      {
        "backgroundColor": "rgba(0,0,0,0.3)",
        "bottom": 0,
        "left": 0,
        "position": "absolute",
        "right": 0,
        "top": 0,
      }
    }
  >
    <BlurView
      intensity={20}
      style={
        {
          "bottom": 0,
          "left": 0,
          "position": "absolute",
          "right": 0,
          "top": 0,
        }
      }
      testID="blur-view"
      tint="dark"
    />
  </View>
  <View
    ref={null}
    style={
      {
        "flex": 1,
        "justifyContent": "flex-end",
        "padding": 16,
      }
    }
  >
    <View
      ref={null}
      style={
        {
          "alignItems": "center",
          "backgroundColor": "rgba(255,255,255,0.15)",
          "borderColor": "rgba(255,255,255,0.2)",
          "borderRadius": 14,
          "borderWidth": 1,
          "height": 48,
          "justifyContent": "center",
          "marginBottom": 12,
          "width": 48,
        }
      }
    >
      <Text
        ref={null}
        style={
          {
            "fontSize": 24,
          }
        }
      >
        💪
      </Text>
    </View>
    <Text
      numberOfLines={2}
      ref={null}
      style={
        [
          {
            "color": "#FFFFFF",
            "fontSize": 17,
            "fontWeight": "700",
          },
          {
            "marginBottom": 4,
          },
        ]
      }
    >
      Upper Body Blast
    </Text>
    <Text
      numberOfLines={1}
      ref={null}
      style={
        [
          {
            "color": "rgba(255,255,255,0.7)",
            "fontSize": 13,
            "fontWeight": "500",
          },
          undefined,
        ]
      }
    >
      3
       workouts
    </Text>
  </View>
</Pressable>
`;

exports[`CollectionCard > snapshot with imageUrl (different rendering path) 1`] = `
<Pressable
  ref={null}
  style={
    {
      "aspectRatio": 1,
      "borderRadius": 20,
      "overflow": "hidden",
      "shadowColor": "#000",
      "shadowOffset": {
        "height": 2,
        "width": 0,
      },
      "shadowOpacity": 0.25,
      "shadowRadius": 4,
      "width": 157.5,
    }
  }
>
  <ImageBackground
    imageStyle={
      {
        "borderRadius": 20,
      }
    }
    ref={null}
    resizeMode="cover"
    source={
      {
        "uri": "https://example.com/image.jpg",
      }
    }
    style={
      {
        "bottom": 0,
        "left": 0,
        "position": "absolute",
        "right": 0,
        "top": 0,
      }
    }
  >
    <LinearGradient
      colors={
        [
          "transparent",
          "rgba(0,0,0,0.8)",
        ]
      }
      style={
        {
          "bottom": 0,
          "left": 0,
          "position": "absolute",
          "right": 0,
          "top": 0,
        }
      }
      testID="linear-gradient"
    />
  </ImageBackground>
  <View
    ref={null}
    style={
      {
        "backgroundColor": "rgba(0,0,0,0.3)",
        "bottom": 0,
        "left": 0,
        "position": "absolute",
        "right": 0,
        "top": 0,
      }
    }
  >
    <BlurView
      intensity={20}
      style={
        {
          "bottom": 0,
          "left": 0,
          "position": "absolute",
          "right": 0,
          "top": 0,
        }
      }
      testID="blur-view"
      tint="dark"
    />
  </View>
  <View
    ref={null}
    style={
      {
        "flex": 1,
        "justifyContent": "flex-end",
        "padding": 16,
      }
    }
  >
    <View
      ref={null}
      style={
        {
          "alignItems": "center",
          "backgroundColor": "rgba(255,255,255,0.15)",
          "borderColor": "rgba(255,255,255,0.2)",
          "borderRadius": 14,
          "borderWidth": 1,
          "height": 48,
          "justifyContent": "center",
          "marginBottom": 12,
          "width": 48,
        }
      }
    >
      <Text
        ref={null}
        style={
          {
            "fontSize": 24,
          }
        }
      >
        💪
      </Text>
    </View>
    <Text
      numberOfLines={2}
      ref={null}
      style={
        [
          {
            "color": "#FFFFFF",
            "fontSize": 17,
            "fontWeight": "700",
          },
          {
            "marginBottom": 4,
          },
        ]
      }
    >
      Upper Body Blast
    </Text>
    <Text
      numberOfLines={1}
      ref={null}
      style={
        [
          {
            "color": "rgba(255,255,255,0.7)",
            "fontSize": 13,
            "fontWeight": "500",
          },
          undefined,
        ]
      }
    >
      3
       workouts
    </Text>
  </View>
</Pressable>
`;
