import { createContext, useContext, useEffect, useState } from 'react';
import { Popover, Flex, Button } from 'antd';

const CreatePayment = ((props) => {

  const [open, setOpen] = useState(false);
  const handleOpenChange = (newOpen) => {
    setOpen(newOpen);
  };
  const onSend = () => {
    setOpen(false);
    // todo: send
  }
    return (
      <>
      <Popover
        // content={<a onClick={hide}>Close</a>}
        content={
          <Flex></Flex>
        }
        title='🔗付款链接'
        trigger='click'
        open={open}
        onOpenChange={handleOpenChange}>
        {/* <Button type="primary">Click me</Button> */}
        {/* <Button type='primary' shape='circle' icon={<></>} size={'large'} /> */}
          <Button size={'small'}>Book</Button>
      </Popover>
      </>
    );
});
export default CreatePayment;
