1import React from 'react';
2
3import { CommentData, CommentTagData } from '~/components/plugins/api/APIDataTypes';
4import { getAllTagData, getCommentContent } from '~/components/plugins/api/APISectionUtils';
5import { PlatformTags } from '~/ui/components/Tag';
6
7type Props = {
8  comment?: CommentData;
9  prefix?: string;
10  platforms?: CommentTagData[];
11};
12
13export const APISectionPlatformTags = ({ comment, prefix, platforms }: Props) => {
14  const platformsData = platforms || getAllTagData('platform', comment);
15  const platformNames = platformsData?.map(platformData => getCommentContent(platformData.content));
16
17  return <PlatformTags prefix={prefix} platforms={platformNames} />;
18};
19