import React from 'react';

import {
  Animate
} from '@alicloud/console-components';
import {
  Animate as AnimateFusion
} from '@alifd/next';

import {
  ComponentTester
} from '../rc';

import Testing from './testing';
import {
  FIXING_PROP_CHILDREN,
  FIXING_PROP_ANIMATION,
  FIXING_PROP_CALLBACKS
} from './const';

export default function DemoAnimate(): JSX.Element {
  return <ComponentTester {...{
    componentName: 'Animate',
    component: Animate,
    componentFusion: AnimateFusion,
    componentTesting: Testing,
    fixings: [
      FIXING_PROP_CHILDREN,
      FIXING_PROP_ANIMATION,
      FIXING_PROP_CALLBACKS
    ]
  }} />;
}