import React from 'react';

interface CloseIconProps extends React.SVGProps<SVGSVGElement> {}

const CloseIcon: React.FC<CloseIconProps> = (props) => (
  <svg
    width={props.width || 24}
    height={props.height || 24}
    viewBox="0 0 28 28"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    role={props.role || 'img'}
    {...props}
  >
    <path
      d="M14.0003 24.0007C19.5234 24.0007 24.0007 19.5234 24.0007 14.0003C24.0007 8.4773 19.5234 4 14.0003 4C8.4773 4 4 8.4773 4 14.0003C4 19.5234 8.4773 24.0007 14.0003 24.0007Z"
      fill="#121212"
      stroke="#121212"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M17.2811 10.7185L10.718 17.2816M17.2811 17.2816L10.718 10.7185"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export default CloseIcon;
