import React, { useState } from 'react';
import './Popover.css';

export default function KolePopover({ content = '这里可以放解释、统计或操作。', placement = 'bottom', trigger = 'click', open = false, children, onChange, onClick, onClose, onSubmit, onLoadMore }) {
  
  return (
    <div className="kole-popover-root">
      <div className="kole-popover kole-popover-popover-wrap"><button className="kole-popover-button kole-popover-primary" type="button" aria-expanded={open} onClick={() => onClick && onClick()}>查看信息</button>{open ? <div className="kole-popover-popover" role="dialog">{content}</div> : null}</div>
    </div>
  );
}