import React from "react";
import { Tooltip } from "antd";
import { QuestionCircleOutlined } from "@ant-design/icons";

const questionCircle = props => {
  const { title, style, ...otherProps } = props;

  return (
    <Tooltip placement="top" title={title}>
      <QuestionCircleOutlined
        style={{ color: "#1D63FF", fontSize: "16px", ...style }}
        {...otherProps}
      />
    </Tooltip>
  );
};

export default questionCircle;