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

exports[`GlassCard presets > GlassCardElevated snapshot 1`] = `
<View
  ref={null}
  style={
    [
      {
        "borderRadius": 24,
        "overflow": "hidden",
      },
      {
        "backgroundColor": "rgba(255, 255, 255, 0.08)",
        "borderColor": "rgba(255, 255, 255, 0.12)",
        "borderWidth": 1,
      },
      {
        "shadowColor": "#000",
        "shadowOffset": {
          "height": 2,
          "width": 0,
        },
        "shadowOpacity": 0.25,
        "shadowRadius": 4,
      },
      undefined,
    ]
  }
>
  <BlurView
    intensity={40}
    style={
      {
        "bottom": 0,
        "left": 0,
        "position": "absolute",
        "right": 0,
        "top": 0,
      }
    }
    testID="blur-view"
    tint="dark"
  />
  <View
    ref={null}
    style={
      {
        "flex": 1,
      }
    }
  >
    <Text
      ref={null}
    >
      Elevated preset
    </Text>
  </View>
</View>
`;

exports[`GlassCard variants > renders base variant (snapshot) 1`] = `
<View
  ref={null}
  style={
    [
      {
        "borderRadius": 24,
        "overflow": "hidden",
      },
      {
        "backgroundColor": "rgba(255, 255, 255, 0.05)",
        "borderColor": "rgba(255, 255, 255, 0.1)",
        "borderWidth": 1,
      },
      {
        "shadowColor": "#000",
        "shadowOffset": {
          "height": 1,
          "width": 0,
        },
        "shadowOpacity": 0.2,
        "shadowRadius": 2,
      },
      undefined,
    ]
  }
>
  <BlurView
    intensity={40}
    style={
      {
        "bottom": 0,
        "left": 0,
        "position": "absolute",
        "right": 0,
        "top": 0,
      }
    }
    testID="blur-view"
    tint="dark"
  />
  <View
    ref={null}
    style={
      {
        "flex": 1,
      }
    }
  >
    <Text
      ref={null}
    >
      Base
    </Text>
  </View>
</View>
`;

exports[`GlassCard variants > renders elevated variant (snapshot) 1`] = `
<View
  ref={null}
  style={
    [
      {
        "borderRadius": 24,
        "overflow": "hidden",
      },
      {
        "backgroundColor": "rgba(255, 255, 255, 0.08)",
        "borderColor": "rgba(255, 255, 255, 0.12)",
        "borderWidth": 1,
      },
      {
        "shadowColor": "#000",
        "shadowOffset": {
          "height": 2,
          "width": 0,
        },
        "shadowOpacity": 0.25,
        "shadowRadius": 4,
      },
      undefined,
    ]
  }
>
  <BlurView
    intensity={40}
    style={
      {
        "bottom": 0,
        "left": 0,
        "position": "absolute",
        "right": 0,
        "top": 0,
      }
    }
    testID="blur-view"
    tint="dark"
  />
  <View
    ref={null}
    style={
      {
        "flex": 1,
      }
    }
  >
    <Text
      ref={null}
    >
      Elevated
    </Text>
  </View>
</View>
`;

exports[`GlassCard variants > renders inset variant (snapshot) 1`] = `
<View
  ref={null}
  style={
    [
      {
        "borderRadius": 24,
        "overflow": "hidden",
      },
      {
        "backgroundColor": "rgba(0, 0, 0, 0.2)",
        "borderColor": "rgba(255, 255, 255, 0.05)",
        "borderWidth": 1,
      },
      {},
      undefined,
    ]
  }
>
  <BlurView
    intensity={40}
    style={
      {
        "bottom": 0,
        "left": 0,
        "position": "absolute",
        "right": 0,
        "top": 0,
      }
    }
    testID="blur-view"
    tint="dark"
  />
  <View
    ref={null}
    style={
      {
        "flex": 1,
      }
    }
  >
    <Text
      ref={null}
    >
      Inset
    </Text>
  </View>
</View>
`;

exports[`GlassCard variants > renders tinted variant (snapshot) 1`] = `
<View
  ref={null}
  style={
    [
      {
        "borderRadius": 24,
        "overflow": "hidden",
      },
      {
        "backgroundColor": "rgba(255, 107, 53, 0.1)",
        "borderColor": "rgba(255, 107, 53, 0.2)",
        "borderWidth": 1,
      },
      {
        "shadowColor": "#000",
        "shadowOffset": {
          "height": 1,
          "width": 0,
        },
        "shadowOpacity": 0.2,
        "shadowRadius": 2,
      },
      undefined,
    ]
  }
>
  <BlurView
    intensity={40}
    style={
      {
        "bottom": 0,
        "left": 0,
        "position": "absolute",
        "right": 0,
        "top": 0,
      }
    }
    testID="blur-view"
    tint="dark"
  />
  <View
    ref={null}
    style={
      {
        "flex": 1,
      }
    }
  >
    <Text
      ref={null}
    >
      Tinted
    </Text>
  </View>
</View>
`;
