import React from "react";

export const CloseIcon = () => (
  <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
    <g fill="none" fillRule="evenodd">
      <path d="M0 0h16v16H0z" />
      <path d="m1 1 14 14m0-14L1 15" stroke="currentcolor" strokeWidth="1.6" />
    </g>
  </svg>
);

// hover strokeOpacity=".6"
{
  /* <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
    <g fill="none" fillRule="evenodd">
        <path d="M0 0h16v16H0z"/>
        <path d="m1 1 14 14m0-14L1 15" stroke="#000" strokeWidth="1.6"/>
    </g>
</svg> */
}