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

exports[`CollectionCardSkeleton > renders correct structure (snapshot) 1`] = `
<View
  ref={null}
  style={
    {
      "alignItems": "center",
      "padding": 16,
    }
  }
>
  <View
    ref={null}
    style={
      [
        {
          "overflow": "hidden",
        },
        {
          "backgroundColor": undefined,
          "borderRadius": 20,
          "height": 120,
          "width": 120,
        },
        undefined,
      ]
    }
  >
    <Animated.View
      ref={null}
      style={
        [
          {
            "backgroundColor": "rgba(255, 255, 255, 0.1)",
            "bottom": 0,
            "left": 0,
            "position": "absolute",
            "right": 0,
            "top": 0,
            "width": 100,
          },
          {
            "transform": [
              {
                "translateX": {
                  "__isAnimatedInterpolation": true,
                  "inputRange": [
                    0,
                    1,
                  ],
                  "interpolate": [Function],
                  "outputRange": [
                    -200,
                    200,
                  ],
                },
              },
            ],
          },
        ]
      }
    />
  </View>
  <View
    ref={null}
    style={
      [
        {
          "overflow": "hidden",
        },
        {
          "backgroundColor": undefined,
          "borderRadius": 12,
          "height": 18,
          "width": "80%",
        },
        {
          "marginTop": 12,
        },
      ]
    }
  >
    <Animated.View
      ref={null}
      style={
        [
          {
            "backgroundColor": "rgba(255, 255, 255, 0.1)",
            "bottom": 0,
            "left": 0,
            "position": "absolute",
            "right": 0,
            "top": 0,
            "width": 100,
          },
          {
            "transform": [
              {
                "translateX": {
                  "__isAnimatedInterpolation": true,
                  "inputRange": [
                    0,
                    1,
                  ],
                  "interpolate": [Function],
                  "outputRange": [
                    -200,
                    200,
                  ],
                },
              },
            ],
          },
        ]
      }
    />
  </View>
</View>
`;

exports[`Skeleton > renders with default dimensions (snapshot) 1`] = `
<View
  ref={null}
  style={
    [
      {
        "overflow": "hidden",
      },
      {
        "backgroundColor": undefined,
        "borderRadius": 12,
        "height": 20,
        "width": "100%",
      },
      undefined,
    ]
  }
>
  <Animated.View
    ref={null}
    style={
      [
        {
          "backgroundColor": "rgba(255, 255, 255, 0.1)",
          "bottom": 0,
          "left": 0,
          "position": "absolute",
          "right": 0,
          "top": 0,
          "width": 100,
        },
        {
          "transform": [
            {
              "translateX": {
                "__isAnimatedInterpolation": true,
                "inputRange": [
                  0,
                  1,
                ],
                "interpolate": [Function],
                "outputRange": [
                  -200,
                  200,
                ],
              },
            },
          ],
        },
      ]
    }
  />
</View>
`;

exports[`StatsCardSkeleton > renders correct structure (snapshot) 1`] = `
<View
  ref={null}
  style={
    [
      {
        "borderRadius": 16,
        "minWidth": 140,
        "padding": 16,
      },
      {
        "backgroundColor": "#1C1C1E",
      },
    ]
  }
>
  <View
    ref={null}
    style={
      {
        "alignItems": "center",
        "flexDirection": "row",
        "justifyContent": "space-between",
      }
    }
  >
    <View
      ref={null}
      style={
        [
          {
            "overflow": "hidden",
          },
          {
            "backgroundColor": undefined,
            "borderRadius": 12,
            "height": 14,
            "width": "60%",
          },
          undefined,
        ]
      }
    >
      <Animated.View
        ref={null}
        style={
          [
            {
              "backgroundColor": "rgba(255, 255, 255, 0.1)",
              "bottom": 0,
              "left": 0,
              "position": "absolute",
              "right": 0,
              "top": 0,
              "width": 100,
            },
            {
              "transform": [
                {
                  "translateX": {
                    "__isAnimatedInterpolation": true,
                    "inputRange": [
                      0,
                      1,
                    ],
                    "interpolate": [Function],
                    "outputRange": [
                      -200,
                      200,
                    ],
                  },
                },
              ],
            },
          ]
        }
      />
    </View>
    <View
      ref={null}
      style={
        [
          {
            "overflow": "hidden",
          },
          {
            "backgroundColor": undefined,
            "borderRadius": 12,
            "height": 24,
            "width": 24,
          },
          undefined,
        ]
      }
    >
      <Animated.View
        ref={null}
        style={
          [
            {
              "backgroundColor": "rgba(255, 255, 255, 0.1)",
              "bottom": 0,
              "left": 0,
              "position": "absolute",
              "right": 0,
              "top": 0,
              "width": 100,
            },
            {
              "transform": [
                {
                  "translateX": {
                    "__isAnimatedInterpolation": true,
                    "inputRange": [
                      0,
                      1,
                    ],
                    "interpolate": [Function],
                    "outputRange": [
                      -200,
                      200,
                    ],
                  },
                },
              ],
            },
          ]
        }
      />
    </View>
  </View>
  <View
    ref={null}
    style={
      [
        {
          "overflow": "hidden",
        },
        {
          "backgroundColor": undefined,
          "borderRadius": 12,
          "height": 32,
          "width": "50%",
        },
        {
          "marginTop": 8,
        },
      ]
    }
  >
    <Animated.View
      ref={null}
      style={
        [
          {
            "backgroundColor": "rgba(255, 255, 255, 0.1)",
            "bottom": 0,
            "left": 0,
            "position": "absolute",
            "right": 0,
            "top": 0,
            "width": 100,
          },
          {
            "transform": [
              {
                "translateX": {
                  "__isAnimatedInterpolation": true,
                  "inputRange": [
                    0,
                    1,
                  ],
                  "interpolate": [Function],
                  "outputRange": [
                    -200,
                    200,
                  ],
                },
              },
            ],
          },
        ]
      }
    />
  </View>
</View>
`;

exports[`TrainerCardSkeleton > renders correct structure (snapshot) 1`] = `
<View
  ref={null}
  style={
    [
      {
        "alignItems": "center",
        "borderRadius": 16,
        "flexDirection": "row",
        "marginBottom": 12,
        "padding": 16,
      },
      {
        "backgroundColor": "#1C1C1E",
      },
    ]
  }
>
  <View
    ref={null}
    style={
      [
        {
          "overflow": "hidden",
        },
        {
          "backgroundColor": undefined,
          "borderRadius": 40,
          "height": 80,
          "width": 80,
        },
        undefined,
      ]
    }
  >
    <Animated.View
      ref={null}
      style={
        [
          {
            "backgroundColor": "rgba(255, 255, 255, 0.1)",
            "bottom": 0,
            "left": 0,
            "position": "absolute",
            "right": 0,
            "top": 0,
            "width": 100,
          },
          {
            "transform": [
              {
                "translateX": {
                  "__isAnimatedInterpolation": true,
                  "inputRange": [
                    0,
                    1,
                  ],
                  "interpolate": [Function],
                  "outputRange": [
                    -200,
                    200,
                  ],
                },
              },
            ],
          },
        ]
      }
    />
  </View>
  <View
    ref={null}
    style={
      {
        "flex": 1,
        "gap": 8,
        "marginLeft": 16,
      }
    }
  >
    <View
      ref={null}
      style={
        [
          {
            "overflow": "hidden",
          },
          {
            "backgroundColor": undefined,
            "borderRadius": 12,
            "height": 18,
            "width": "80%",
          },
          undefined,
        ]
      }
    >
      <Animated.View
        ref={null}
        style={
          [
            {
              "backgroundColor": "rgba(255, 255, 255, 0.1)",
              "bottom": 0,
              "left": 0,
              "position": "absolute",
              "right": 0,
              "top": 0,
              "width": 100,
            },
            {
              "transform": [
                {
                  "translateX": {
                    "__isAnimatedInterpolation": true,
                    "inputRange": [
                      0,
                      1,
                    ],
                    "interpolate": [Function],
                    "outputRange": [
                      -200,
                      200,
                    ],
                  },
                },
              ],
            },
          ]
        }
      />
    </View>
    <View
      ref={null}
      style={
        [
          {
            "overflow": "hidden",
          },
          {
            "backgroundColor": undefined,
            "borderRadius": 12,
            "height": 14,
            "width": "60%",
          },
          undefined,
        ]
      }
    >
      <Animated.View
        ref={null}
        style={
          [
            {
              "backgroundColor": "rgba(255, 255, 255, 0.1)",
              "bottom": 0,
              "left": 0,
              "position": "absolute",
              "right": 0,
              "top": 0,
              "width": 100,
            },
            {
              "transform": [
                {
                  "translateX": {
                    "__isAnimatedInterpolation": true,
                    "inputRange": [
                      0,
                      1,
                    ],
                    "interpolate": [Function],
                    "outputRange": [
                      -200,
                      200,
                    ],
                  },
                },
              ],
            },
          ]
        }
      />
    </View>
  </View>
</View>
`;

exports[`WorkoutCardSkeleton > renders correct structure (snapshot) 1`] = `
<View
  ref={null}
  style={
    [
      {
        "borderRadius": 16,
        "marginBottom": 16,
        "overflow": "hidden",
      },
      {
        "backgroundColor": "#1C1C1E",
      },
    ]
  }
>
  <View
    ref={null}
    style={
      [
        {
          "overflow": "hidden",
        },
        {
          "backgroundColor": undefined,
          "borderRadius": 16,
          "height": 160,
          "width": "100%",
        },
        undefined,
      ]
    }
  >
    <Animated.View
      ref={null}
      style={
        [
          {
            "backgroundColor": "rgba(255, 255, 255, 0.1)",
            "bottom": 0,
            "left": 0,
            "position": "absolute",
            "right": 0,
            "top": 0,
            "width": 100,
          },
          {
            "transform": [
              {
                "translateX": {
                  "__isAnimatedInterpolation": true,
                  "inputRange": [
                    0,
                    1,
                  ],
                  "interpolate": [Function],
                  "outputRange": [
                    -200,
                    200,
                  ],
                },
              },
            ],
          },
        ]
      }
    />
  </View>
  <View
    ref={null}
    style={
      {
        "gap": 8,
        "padding": 16,
      }
    }
  >
    <View
      ref={null}
      style={
        [
          {
            "overflow": "hidden",
          },
          {
            "backgroundColor": undefined,
            "borderRadius": 12,
            "height": 20,
            "width": "70%",
          },
          undefined,
        ]
      }
    >
      <Animated.View
        ref={null}
        style={
          [
            {
              "backgroundColor": "rgba(255, 255, 255, 0.1)",
              "bottom": 0,
              "left": 0,
              "position": "absolute",
              "right": 0,
              "top": 0,
              "width": 100,
            },
            {
              "transform": [
                {
                  "translateX": {
                    "__isAnimatedInterpolation": true,
                    "inputRange": [
                      0,
                      1,
                    ],
                    "interpolate": [Function],
                    "outputRange": [
                      -200,
                      200,
                    ],
                  },
                },
              ],
            },
          ]
        }
      />
    </View>
    <View
      ref={null}
      style={
        {
          "flexDirection": "row",
          "justifyContent": "space-between",
          "marginTop": 8,
        }
      }
    >
      <View
        ref={null}
        style={
          [
            {
              "overflow": "hidden",
            },
            {
              "backgroundColor": undefined,
              "borderRadius": 12,
              "height": 16,
              "width": "40%",
            },
            undefined,
          ]
        }
      >
        <Animated.View
          ref={null}
          style={
            [
              {
                "backgroundColor": "rgba(255, 255, 255, 0.1)",
                "bottom": 0,
                "left": 0,
                "position": "absolute",
                "right": 0,
                "top": 0,
                "width": 100,
              },
              {
                "transform": [
                  {
                    "translateX": {
                      "__isAnimatedInterpolation": true,
                      "inputRange": [
                        0,
                        1,
                      ],
                      "interpolate": [Function],
                      "outputRange": [
                        -200,
                        200,
                      ],
                    },
                  },
                ],
              },
            ]
          }
        />
      </View>
      <View
        ref={null}
        style={
          [
            {
              "overflow": "hidden",
            },
            {
              "backgroundColor": undefined,
              "borderRadius": 12,
              "height": 16,
              "width": "30%",
            },
            undefined,
          ]
        }
      >
        <Animated.View
          ref={null}
          style={
            [
              {
                "backgroundColor": "rgba(255, 255, 255, 0.1)",
                "bottom": 0,
                "left": 0,
                "position": "absolute",
                "right": 0,
                "top": 0,
                "width": 100,
              },
              {
                "transform": [
                  {
                    "translateX": {
                      "__isAnimatedInterpolation": true,
                      "inputRange": [
                        0,
                        1,
                      ],
                      "interpolate": [Function],
                      "outputRange": [
                        -200,
                        200,
                      ],
                    },
                  },
                ],
              },
            ]
          }
        />
      </View>
    </View>
  </View>
</View>
`;
