<Card
  accessible={true}
  accessibilityRole="article"
  accessibilityLabel="TV Show card for Eric Andre Show"
  importantForAccessibility="yes"
>
  <CardHeader
    imageSource={require("../assets/eric.png")}
    accessibilityLabel="Eric Andre Show image"
    accessibilityRole="image"
  >
    <CardOverline
      text="TV SHOWS"
      icon={<Tv accessibilityElementsHidden={true} />}
      accessibilityRole="text"
      accessibilityLabel="Category: TV Shows"
    />
    <View className="flex-row items-center justify-between">
      <CardTitle
        style={styles.InterSemiBold}
        accessibilityRole="heading"
        accessibilityLevel={2}
        nativeID="show-title"
      >
        Eric Andre Show
      </CardTitle>
      <Badge
        variant="brand"
        accessibilityLabel="Genre: Comedy"
        accessibilityRole="text"
      >
        <Text>Comedy</Text>
      </Badge>
    </View>
    <CardDescription
      style={styles.Inter}
      accessibilityRole="text"
      accessibilityLabel="Episode 1, Season 2"
      nativeID="show-description"
    >
      Episode 1, Season 2
    </CardDescription>
  </CardHeader>
  <CardContent></CardContent>
  <CardFooter className="flex-row justify-between">
    <View
      style={{ flex: 1, marginRight: 8 }}
      accessibilityElementsHidden={false}
    >
      <Button
        variant="secondary"
        icon={
          <Heart
            accessibilityLabel="heart icon"
            accessibilityElementsHidden={true}
          />
        }
        iconPosition="right"
        textSize="md"
        className="w-full tracking-tighter"
        accessibilityRole="button"
        accessibilityLabel="Add to favourites"
        accessibilityHint="Adds this show to your favourites list"
        accessibilityState={{ disabled: false }}
      >
        Add to favourites
      </Button>
    </View>
  </CardFooter>
</Card>;