Function Union

components/graphql/Union.tsx:12–30

({ item }: Props)

}

export function Union({ item }: Props) {
  const { locale } = useRouter()
  const { t } = useTranslation('products')
  const heading = t('graphql.reference.possible_types')

  return (
    <GraphqlItem item={item} heading={heading}>
      <ul>
        {item.possibleTypes.map((type) => (
          <li key={type.id}>
            <Link href={type.href} locale={locale}>
              {type.name}
            </Link>
          </li>
        ))}
      </ul>
    </GraphqlItem>
  )
}