import React from 'react';

import {
  TagComponent
} from '@alicloud/console-components';

import {
  ITestingProps
} from '../../../types';

const COLORS = ['blue', 'green', 'orange', 'red', 'turquoise', 'yellow'];

export default function Group({
  component
}: ITestingProps<TagComponent>): JSX.Element {
  const Tag = component;
  
  return <Tag.Group>
    {COLORS.map(v => <Tag key={v} color={v}>{v}</Tag>)}
  </Tag.Group>;
}