Function Query

components/graphql/Query.tsx:13–38

({ item }: Props)

}

export function Query({ item }: Props) {
  const { locale } = useRouter()
  const { t } = useTranslation('products')

  return (
    <GraphqlItem item={item} headingLevel={3}>
      <div>
        <p>
          <b>{t('graphql.reference.type')}: </b>
          <Link href={item.href} locale={locale}>
            {item.type}
          </Link>
        </p>
      </div>

      <div>
        {item.args.length > 0 && (
          <>
            <h4>{t('graphql.reference.arguments')}</h4>
            <Table fields={item.args} />
          </>
        )}
      </div>
    </GraphqlItem>
  )
}