import React from 'react';

import {
  TagComponent
} from '@alicloud/console-components';
import {
  H3
} from '@alicloud/demo-rc-elements';

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

import Solo from './solo';
import Group from './group';
import Selectable from './selectable';
import Closeable from './closeable';

export default function Testing({
  component
}: ITestingProps<TagComponent>): JSX.Element {
  return <>
    <H3>单独使用</H3>
    <Solo component={component} />
    <H3>TagGroup + 预设 color</H3>
    <Group component={component} />
    <H3>Tag.Selectable</H3>
    <Selectable component={component} />
    <H3>Tag.Closeable</H3>
    <Closeable component={component} />
  </>;
}