export const GridSvg = () => {
  return (
    <svg
      width="166"
      height="61"
      viewBox="0 0 166 61"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <rect x="0.5" width="52" height="61" rx="4" fill="var(--surface-1)" />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M53.5 30L64.5 30V31L53.5 31L53.5 30Z"
        fill="#4765FF"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M64.5 24.5C64.5 24.2239 64.7239 24 65 24C65.2761 24 65.5 24.2239 65.5 24.5L65.5 36.5C65.5 36.7761 65.2761 37 65 37C64.7239 37 64.5 36.7761 64.5 36.5L64.5 24.5Z"
        fill="#4765FF"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M52.5 24.5C52.5 24.2239 52.7239 24 53 24C53.2761 24 53.5 24.2239 53.5 24.5L53.5 36.5C53.5 36.7761 53.2761 37 53 37C52.7239 37 52.5 36.7761 52.5 36.5L52.5 24.5Z"
        fill="#4765FF"
      />
      <rect
        x="65.5"
        y="0.5"
        width="100"
        height="24"
        rx="4"
        fill="var(--surface-1)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M115 36.5L115 25.5L116 25.5L116 36.5L115 36.5Z"
        fill="#4765FF"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M109.5 25.5C109.224 25.5 109 25.2761 109 25V25C109 24.7239 109.224 24.5 109.5 24.5L121.5 24.5C121.776 24.5 122 24.7239 122 25V25C122 25.2761 121.776 25.5 121.5 25.5L109.5 25.5Z"
        fill="#4765FF"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M109.5 36.5C109.224 36.5 109 36.2761 109 36V36C109 35.7239 109.224 35.5 109.5 35.5L121.5 35.5C121.776 35.5 122 35.7239 122 36V36C122 36.2761 121.776 36.5 121.5 36.5L109.5 36.5Z"
        fill="#4765FF"
      />
      <rect
        x="65.5"
        y="36.5"
        width="100"
        height="24"
        rx="4"
        fill="var(--surface-1)"
      />
    </svg>
  );
};