Function Enum

components/graphql/Enum.tsx:11–31

({ item }: Props)

}

export function Enum({ item }: Props) {
  const { t } = useTranslation('products')
  const heading = t('graphql.reference.values')

  return (
    <GraphqlItem item={item} heading={heading}>
      {item.values.map((value) => (
        <React.Fragment key={`${value.name}-${value.description}`}>
          <p>
            <strong>{value.name}</strong>
          </p>
          <div
            dangerouslySetInnerHTML={{
              __html: value.description,
            }}
          />
        </React.Fragment>
      ))}
    </GraphqlItem>
  )
}