type CrossIconProps = {
  color?: string;
  className?: string;
};

const CrossIcon = ({ color, className }: CrossIconProps) => {
  return (
    <svg
      className={`${className ? className : ""}`}
      role="presentation"
      width="20"
      height="20"
      viewBox="0 0 23 23"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g
        stroke="none"
        strokeWidth="1"
        fill={color ? color : "#fff"}
        fillRule="evenodd"
      >
        <rect
          transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) "
          x="10.3137085"
          y="-3.6862915"
          width="2"
          height="30"
        ></rect>
        <rect
          transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) "
          x="10.3137085"
          y="-3.6862915"
          width="2"
          height="30"
        ></rect>
      </g>
    </svg>
  );
};

export default CrossIcon;
