import * as l from "react";
const e = (i) => /* @__PURE__ */ l.createElement("svg", { width: 300, height: 300, viewBox: "0 0 300 300", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ l.createElement("g", { clipPath: "url(#clip0_317_299)" }, /* @__PURE__ */ l.createElement("rect", { x: 60, width: 60, height: 60, fill: "#F3F4F6", style: {
  fill: "#F3F4F6",
  fill: "color(display-p3 0.9529 0.9569 0.9647)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { width: 60, height: 60, fill: "#F9FAFB", style: {
  fill: "#F9FAFB",
  fill: "color(display-p3 0.9765 0.9804 0.9843)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 180, width: 60, height: 60, fill: "#F9FAFB", style: {
  fill: "#F9FAFB",
  fill: "color(display-p3 0.9765 0.9804 0.9843)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 120, width: 60, height: 60, fill: "#E5E7EB", style: {
  fill: "#E5E7EB",
  fill: "color(display-p3 0.8980 0.9059 0.9216)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 240, width: 60, height: 60, fill: "#E5E7EB", style: {
  fill: "#E5E7EB",
  fill: "color(display-p3 0.8980 0.9059 0.9216)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { y: 60, width: 60, height: 60, fill: "#E5E7EB", style: {
  fill: "#E5E7EB",
  fill: "color(display-p3 0.8980 0.9059 0.9216)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 60, y: 60, width: 60, height: 60, fill: "#F9FAFB", style: {
  fill: "#F9FAFB",
  fill: "color(display-p3 0.9765 0.9804 0.9843)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 120, y: 60, width: 60, height: 60, fill: "#F3F4F6", style: {
  fill: "#F3F4F6",
  fill: "color(display-p3 0.9529 0.9569 0.9647)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 240, y: 59.9999, width: 60, height: 60, fill: "#F3F4F6", style: {
  fill: "#F3F4F6",
  fill: "color(display-p3 0.9529 0.9569 0.9647)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 180, y: 59.9999, width: 60, height: 60, fill: "#E5E7EB", style: {
  fill: "#E5E7EB",
  fill: "color(display-p3 0.8980 0.9059 0.9216)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { y: 120, width: 60, height: 60, fill: "#F3F4F6", style: {
  fill: "#F3F4F6",
  fill: "color(display-p3 0.9529 0.9569 0.9647)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { y: 180, width: 60, height: 60, fill: "#F9FAFB", style: {
  fill: "#F9FAFB",
  fill: "color(display-p3 0.9765 0.9804 0.9843)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { y: 240, width: 60, height: 60, fill: "#F3F4F6", style: {
  fill: "#F3F4F6",
  fill: "color(display-p3 0.9529 0.9569 0.9647)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 60, y: 120, width: 60, height: 60, fill: "#E5E7EB", style: {
  fill: "#E5E7EB",
  fill: "color(display-p3 0.8980 0.9059 0.9216)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 60, y: 180, width: 60, height: 60, fill: "#F3F4F6", style: {
  fill: "#F3F4F6",
  fill: "color(display-p3 0.9529 0.9569 0.9647)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 60, y: 240, width: 60, height: 60, fill: "#E5E7EB", style: {
  fill: "#E5E7EB",
  fill: "color(display-p3 0.8980 0.9059 0.9216)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 120, y: 120, width: 60, height: 60, fill: "#F9FAFB", style: {
  fill: "#F9FAFB",
  fill: "color(display-p3 0.9765 0.9804 0.9843)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 180, y: 180, width: 60, height: 60, fill: "#F9FAFB", style: {
  fill: "#F9FAFB",
  fill: "color(display-p3 0.9765 0.9804 0.9843)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 120, y: 240, width: 60, height: 60, fill: "#F3F4F6", style: {
  fill: "#F3F4F6",
  fill: "color(display-p3 0.9529 0.9569 0.9647)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 240, y: 120, width: 60, height: 60, fill: "#F9FAFB", style: {
  fill: "#F9FAFB",
  fill: "color(display-p3 0.9765 0.9804 0.9843)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 120, y: 180, width: 60, height: 60, fill: "#E5E7EB", style: {
  fill: "#E5E7EB",
  fill: "color(display-p3 0.8980 0.9059 0.9216)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 180, y: 240, width: 60, height: 60, fill: "#E5E7EB", style: {
  fill: "#E5E7EB",
  fill: "color(display-p3 0.8980 0.9059 0.9216)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 180, y: 120, width: 60, height: 60, fill: "#F3F4F6", style: {
  fill: "#F3F4F6",
  fill: "color(display-p3 0.9529 0.9569 0.9647)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 240, y: 180, width: 60, height: 60, fill: "#F3F4F6", style: {
  fill: "#F3F4F6",
  fill: "color(display-p3 0.9529 0.9569 0.9647)",
  fillOpacity: 1
} }), /* @__PURE__ */ l.createElement("rect", { x: 240, y: 240, width: 60, height: 60, fill: "#F9FAFB", style: {
  fill: "#F9FAFB",
  fill: "color(display-p3 0.9765 0.9804 0.9843)",
  fillOpacity: 1
} })), /* @__PURE__ */ l.createElement("defs", null, /* @__PURE__ */ l.createElement("clipPath", { id: "clip0_317_299" }, /* @__PURE__ */ l.createElement("rect", { width: 300, height: 300, fill: "white", style: {
  fill: "white",
  fillOpacity: 1
} }))));
export {
  e as default
};
