import React from "react";
import cn from "classnames";

interface IPopoverHeaderProps {
  className?: string | object;
  ["data-testid"]?: string;
}

const PopoverHeader: React.FC<IPopoverHeaderProps> = props => {
  const { className, children } = props;
  const dataTestId = props["data-testid"] || "honeyui-popover-header";

  return (
    <div className={cn("popover-header", className)} data-testid={dataTestId}>
      {children}
    </div>
  );
};

PopoverHeader.displayName = "PopoverHeader";
PopoverHeader.defaultProps = {};

export default PopoverHeader;