import React from "react";
import { sprintf, __ } from "@wordpress/i18n";

const CloseIcon = () => {
	return (
		<svg
			width="16"
			height="16"
			viewBox="0 0 16 16"
			fill="none"
			xmlns="http://www.w3.org/2000/svg"
		>
			<title>{__("Close", "atlas-content-modeler")}</title>
			<path
				fillRule="evenodd"
				clipRule="evenodd"
				d="M15.7397 1.51743C16.0868 1.1703 16.0868 0.607482 15.7397 0.26035C15.3925 -0.0867832 14.8297 -0.0867832 14.4826 0.26035L8 6.74292L1.51743 0.26035C1.1703 -0.0867832 0.607482 -0.0867832 0.26035 0.26035C-0.0867832 0.607482 -0.0867832 1.1703 0.26035 1.51743L6.74292 8L0.26035 14.4826C-0.0867832 14.8297 -0.0867832 15.3925 0.26035 15.7397C0.607482 16.0868 1.1703 16.0868 1.51743 15.7397L8 9.25708L14.4826 15.7397C14.8297 16.0868 15.3925 16.0868 15.7397 15.7397C16.0868 15.3925 16.0868 14.8297 15.7397 14.4826L9.25708 8L15.7397 1.51743Z"
				fill="white"
			/>
		</svg>
	);
};

export default CloseIcon;