import React from 'react';
import AntdPopover from 'antd/es/popover';

import { ConfigConsumer } from '../config-provider';
import './index.less';

export default props => (
  <ConfigConsumer>
    {({ getPrefixCls }) => {
      const { prefixCls: customizePrefixCls, ...restProps } = props;
      const prefixCls = getPrefixCls('popover', customizePrefixCls);
      return <AntdPopover prefixCls={prefixCls} {...restProps} />;
    }}
  </ConfigConsumer>
);