Untitled

 <Animated.View
      style={{transform: [{translateY: bottom}]}}
      accessibilityLabel="Clickable sign in banner">
      <Pressable
        accessible={true}
        onPress={onLogin}
        style={[styles.signInOverlay, {marginBottom: insets.bottom}]}>
        <View accessibilityLabel="User icon">
          <TMUserIcon />
        </View>
        <View
          style={styles.signInOverlayTextWrapper}
          accessibilityLabel="Sign in invitation">
          <View style={styles.signInOverlayTopTextWrapper}>
            <Text style={styles.signInOverlayTopText}>Sign in with</Text>
            <View style={styles.signInOverlayTopTextLogo}>
              <View accessibilityLabel="logo" />
            </View>
          </View>
          <Text style={styles.signInOverlayBottomText}>
            to purchase and view your events
          </Text>
        </View>
        <View
          style={styles.signInOverlayActionIcon}
          accessibilityLabel="Sign in button and activity state">
          {loading ? (
            <ActivityIndicator
              size="large"
              color={colors.text.ticketmasterBlue}
            />
          ) : (
            <ChevronRightWide
              accessibilityLabel="Chevron right"
              accessibilityRole="button"
            />
          )}
        </View>
      </Pressable>
    </Animated.View>
  )