import styled from "@emotion/styled";
import * as React from "react";

type Props = {};

function Cancel(props: Props) {
  return (
    <svg width="12" height="12" viewBox="0 0 12 12" fill="none">
      <g clipPath="url(#clip0)">
        <path
          d="M5.22952 6L1.37257 2.14305L2.14396 1.37166L6.00091 5.22861L9.85785 1.37166L10.6292 2.14305L6.7723 6L10.6292 9.85695L9.85785 10.6283L6.00091 6.77139L2.14396 10.6283L1.37257 9.85695L5.22952 6Z"
          fill="#999999"
        />
      </g>
      <defs>
        <clipPath id="clip0">
          <path d="M0 0H12V12H0V0Z" fill="white" />
        </clipPath>
      </defs>
    </svg>
  );
}

export default Cancel;

const Container = styled.div``;