import React from 'react';
import { AutoComplete, Input, Icon } from 'kts-components-antd-x3';
import { Invoice } from '../../..';

export default () => {

  const formRender = React.useMemo(() => {
    return new Map([
      ['sellerBank', () => {
        return (
          <AutoComplete
            size="small"
            style={{ width: '100%' }}
            dataSource={['销售方开户行及账号1', '销售方开户行及账号2', '销售方开户行及账号3']}
          >
            <Input suffix={<Icon type="down" />} />
          </AutoComplete>
        )
      }]
    ])
  }, [])

  return (
    <div>
      <Invoice seller={<Invoice.Seller formRender={formRender} />} />
    </div>
  );
};