import React, {
  useState
} from 'react';

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

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

export default function Testing({
  component
}: ITestingProps<SwitchComponent>): JSX.Element {
  const Switch = component;
  
  const [stateValue, setStateValue] = useState(false);
  
  return <>
    <H3>Some Case</H3>
    <InputSwitch {...{
      label: '值',
      value: stateValue,
      onChange: setStateValue
    }} />
    <Switch {...{
      value: stateValue,
      onChange: setStateValue
    }} />
    <Switch {...{
      checked: stateValue,
      onChange: setStateValue
    }} />
  </>;
}