import React from 'react';
import styled from 'styled-components';

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

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

const ScDropdownContent = styled.div`
  padding: 20px;
  width: 200px;
  text-align: center;
  background: #f00;
  color: #fff;
`;

export default function Testing({
  component
}: ITestingProps<DropdownComponent>): JSX.Element {
  const Dropdown = component;
  
  return <>
    <H3>Some Case</H3>
    <Dropdown {...{
      autoClose: true,
      trigger: <Button>click me</Button>
    }}>
      <ScDropdownContent>只能单个节点，否则 Crash</ScDropdownContent>
    </Dropdown>
  </>;
}