<Card
  accessible={true}
  accessibilityRole="article"
  accessibilityLabel="Product card for Nike Air Max 97"
  importantForAccessibility="yes"
>
  <CardHeader
    imageSource={require("../assets/air.png")}
    accessibilityLabel="Nike Air Max 97 sneakers image"
    accessibilityRole="image"
  >
    <CardOverline
      text="LIMITED EDITION"
      icon={<InfoIcon accessibilityElementsHidden={true} />}
      accessibilityLabel="Limited edition product"
      accessibilityRole="text"
    />
    <View className="flex-row items-center justify-between">
      <CardTitle
        style={styles.InterSemiBold}
        accessibilityRole="heading"
        accessibilityLevel={2}
        nativeID="product-title"
      >
        Nike Air Max 97
      </CardTitle>
      <Badge
        variant="success"
        accessibilityLabel="Sale status: On sale"
        accessibilityRole="text"
      >
        <Text>On sale</Text>
      </Badge>
    </View>
    <CardDescription
      style={styles.Inter}
      accessibilityRole="text"
      accessibilityLabel="Price: 100 dollars"
      nativeID="product-price"
    >
      $100.00
    </CardDescription>
  </CardHeader>
  <CardFooter className="flex-row justify-between mt-0">
    <View
      style={{ flex: 1, marginRight: 8 }}
      accessibilityElementsHidden={false}
      importantForAccessibility="no-hide-descendants"
    >
      <Button
        variant="secondary"
        textSize="md"
        className="w-full tracking-tighter"
        accessibilityRole="button"
        accessibilityLabel="Add to cart"
        accessibilityHint="Adds Nike Air Max 97 to your shopping cart"
        accessibilityState={{ disabled: false }}
      >
        Add to cart
      </Button>
    </View>
    <View
      style={{ flex: 1 }}
      accessibilityElementsHidden={false}
      importantForAccessibility="no-hide-descendants"
    >
      <Button
        variant="default"
        textSize="md"
        className="w-full tracking-tighter"
        accessibilityRole="button"
        accessibilityLabel="Purchase now"
        accessibilityHint="Proceeds directly to checkout with Nike Air Max 97"
        accessibilityState={{ disabled: false }}
      >
        Purchase
      </Button>
    </View>
  </CardFooter>
</Card>;