import * as React from 'react';
type Props = {
  className?: string;
}
const InfoCircle = ({className = ''} : Props) => (
  <svg className={className} width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M8.04464 1.33268C12.0201 1.33268 15.2513 4.54602 15.2513 8.49935C15.2513 12.4527 12.0201 15.666 8.04464 15.666C4.06922 15.666 0.837935 12.4527 0.837935 8.49935C0.837934 4.54602 4.06922 1.33268 8.04464 1.33268ZM8.04464 14.666C11.4636 14.666 14.2458 11.8993 14.2458 8.49935C14.2458 5.09935 11.4636 2.33268 8.04464 2.33268C4.62564 2.33268 1.84352 5.09935 1.84352 8.49935C1.84352 11.8993 4.62564 14.666 8.04464 14.666Z" fill="#A1AFBA"/>
    <path d="M8.04469 7.33268C8.31955 7.33268 8.54748 7.55935 8.54749 7.83268L8.54749 11.166C8.54749 11.4393 8.31955 11.666 8.04469 11.666C7.76983 11.666 7.5419 11.4393 7.5419 11.166L7.5419 7.83268C7.5419 7.55935 7.76983 7.33268 8.04469 7.33268Z" fill="#A1AFBA"/>
    <path d="M8.04464 5.16609C8.13179 5.16609 8.21894 5.18609 8.29938 5.21943C8.37983 5.25276 8.45357 5.29943 8.52061 5.35943C8.58095 5.42609 8.62788 5.49276 8.6614 5.57943C8.69492 5.65943 8.71503 5.74609 8.71503 5.83276C8.71503 5.91943 8.69492 6.00609 8.6614 6.08609C8.62788 6.16609 8.58095 6.23943 8.52061 6.30609C8.45357 6.36609 8.37983 6.41276 8.29938 6.44609C8.13849 6.51276 7.95078 6.51276 7.78989 6.44609C7.70944 6.41276 7.6357 6.36609 7.56866 6.30609C7.50832 6.23943 7.4614 6.16609 7.42788 6.08609C7.39436 6.00609 7.37424 5.91943 7.37424 5.83276C7.37424 5.74609 7.39436 5.65943 7.42788 5.57943C7.4614 5.49276 7.50832 5.42609 7.56866 5.35943C7.6357 5.29943 7.70944 5.25276 7.78989 5.21943C7.87033 5.18609 7.95748 5.16609 8.04464 5.16609Z" fill="#A1AFBA"/>
  </svg>
);

export default InfoCircle;