import * as React from 'react'

const Sandbox = () => {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
      <rect opacity="0.18" x="1" y="1" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="4.5" y="1" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <path d="M8 2C8 1.44772 8.44772 1 9 1C9.55228 1 10 1.44772 10 2C10 2.55228 9.55228 3 9 3C8.44772 3 8 2.55228 8 2Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M11.5 2C11.5 1.44772 11.9477 1 12.5 1C13.0523 1 13.5 1.44772 13.5 2C13.5 2.55228 13.0523 3 12.5 3C11.9477 3 11.5 2.55228 11.5 2Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M15 2C15 1.44772 15.4477 1 16 1C16.5523 1 17 1.44772 17 2C17 2.55228 16.5523 3 16 3C15.4477 3 15 2.55228 15 2Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M18.5 2C18.5 1.44772 18.9477 1 19.5 1C20.0523 1 20.5 1.44772 20.5 2C20.5 2.55228 20.0523 3 19.5 3C18.9477 3 18.5 2.55228 18.5 2Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M22 2C22 1.44772 22.4477 1 23 1C23.5523 1 24 1.44772 24 2C24 2.55228 23.5523 3 23 3C22.4477 3 22 2.55228 22 2Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M25.5 2C25.5 1.44772 25.9477 1 26.5 1C27.0523 1 27.5 1.44772 27.5 2C27.5 2.55228 27.0523 3 26.5 3C25.9477 3 25.5 2.55228 25.5 2Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M29 2C29 1.44772 29.4477 1 30 1C30.5523 1 31 1.44772 31 2C31 2.55228 30.5523 3 30 3C29.4477 3 29 2.55228 29 2Z" fill="var(--color-saas-dify-blue-inverted)" />
      <rect opacity="0.18" x="1" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <path d="M4.5 5.5C4.5 4.94772 4.94772 4.5 5.5 4.5C6.05228 4.5 6.5 4.94772 6.5 5.5C6.5 6.05228 6.05228 6.5 5.5 6.5C4.94772 6.5 4.5 6.05228 4.5 5.5Z" fill="var(--color-saas-dify-blue-inverted)" />
      <rect opacity="0.18" x="8" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="11.5" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="15" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="18.5" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="22" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <path d="M25.5 5.5C25.5 4.94772 25.9477 4.5 26.5 4.5C27.0523 4.5 27.5 4.94772 27.5 5.5C27.5 6.05228 27.0523 6.5 26.5 6.5C25.9477 6.5 25.5 6.05228 25.5 5.5Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M29 5.5C29 4.94772 29.4477 4.5 30 4.5C30.5523 4.5 31 4.94772 31 5.5C31 6.05228 30.5523 6.5 30 6.5C29.4477 6.5 29 6.05228 29 5.5Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M1 9C1 8.44772 1.44772 8 2 8C2.55228 8 3 8.44772 3 9C3 9.55228 2.55228 10 2 10C1.44772 10 1 9.55228 1 9Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M4.5 9C4.5 8.44772 4.94772 8 5.5 8C6.05228 8 6.5 8.44772 6.5 9C6.5 9.55228 6.05228 10 5.5 10C4.94772 10 4.5 9.55228 4.5 9Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M8 9C8 8.44772 8.44772 8 9 8C9.55228 8 10 8.44772 10 9C10 9.55228 9.55228 10 9 10C8.44772 10 8 9.55228 8 9Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M11.5 9C11.5 8.44772 11.9477 8 12.5 8C13.0523 8 13.5 8.44772 13.5 9C13.5 9.55228 13.0523 10 12.5 10C11.9477 10 11.5 9.55228 11.5 9Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M15 9C15 8.44772 15.4477 8 16 8C16.5523 8 17 8.44772 17 9C17 9.55228 16.5523 10 16 10C15.4477 10 15 9.55228 15 9Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M18.5 9C18.5 8.44772 18.9477 8 19.5 8C20.0523 8 20.5 8.44772 20.5 9C20.5 9.55228 20.0523 10 19.5 10C18.9477 10 18.5 9.55228 18.5 9Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M22 9C22 8.44772 22.4477 8 23 8C23.5523 8 24 8.44772 24 9C24 9.55228 23.5523 10 23 10C22.4477 10 22 9.55228 22 9Z" fill="var(--color-saas-dify-blue-inverted)" />
      <rect opacity="0.18" x="25.5" y="8" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <path d="M29 9C29 8.44772 29.4477 8 30 8C30.5523 8 31 8.44772 31 9C31 9.55228 30.5523 10 30 10C29.4477 10 29 9.55228 29 9Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M1 12.5C1 11.9477 1.44772 11.5 2 11.5C2.55228 11.5 3 11.9477 3 12.5C3 13.0523 2.55228 13.5 2 13.5C1.44772 13.5 1 13.0523 1 12.5Z" fill="var(--color-saas-dify-blue-inverted)" />
      <rect opacity="0.18" x="4.5" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="8" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="11.5" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="15" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="18.5" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <path d="M22 12.5C22 11.9477 22.4477 11.5 23 11.5C23.5523 11.5 24 11.9477 24 12.5C24 13.0523 23.5523 13.5 23 13.5C22.4477 13.5 22 13.0523 22 12.5Z" fill="var(--color-saas-dify-blue-inverted)" />
      <rect opacity="0.18" x="25.5" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <path d="M29 12.5C29 11.9477 29.4477 11.5 30 11.5C30.5523 11.5 31 11.9477 31 12.5C31 13.0523 30.5523 13.5 30 13.5C29.4477 13.5 29 13.0523 29 12.5Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M1 16C1 15.4477 1.44772 15 2 15C2.55228 15 3 15.4477 3 16C3 16.5523 2.55228 17 2 17C1.44772 17 1 16.5523 1 16Z" fill="var(--color-saas-dify-blue-inverted)" />
      <rect opacity="0.18" x="4.5" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="8" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="11.5" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="15" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="18.5" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <path d="M22 16C22 15.4477 22.4477 15 23 15C23.5523 15 24 15.4477 24 16C24 16.5523 23.5523 17 23 17C22.4477 17 22 16.5523 22 16Z" fill="var(--color-saas-dify-blue-inverted)" />
      <rect opacity="0.18" x="25.5" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <path d="M29 16C29 15.4477 29.4477 15 30 15C30.5523 15 31 15.4477 31 16C31 16.5523 30.5523 17 30 17C29.4477 17 29 16.5523 29 16Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M1 19.5C1 18.9477 1.44772 18.5 2 18.5C2.55228 18.5 3 18.9477 3 19.5C3 20.0523 2.55228 20.5 2 20.5C1.44772 20.5 1 20.0523 1 19.5Z" fill="var(--color-saas-dify-blue-inverted)" />
      <rect opacity="0.18" x="4.5" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="8" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="11.5" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="15" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="18.5" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <path d="M22 19.5C22 18.9477 22.4477 18.5 23 18.5C23.5523 18.5 24 18.9477 24 19.5C24 20.0523 23.5523 20.5 23 20.5C22.4477 20.5 22 20.0523 22 19.5Z" fill="var(--color-saas-dify-blue-inverted)" />
      <rect opacity="0.18" x="25.5" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <path d="M29 19.5C29 18.9477 29.4477 18.5 30 18.5C30.5523 18.5 31 18.9477 31 19.5C31 20.0523 30.5523 20.5 30 20.5C29.4477 20.5 29 20.0523 29 19.5Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M1 23C1 22.4477 1.44772 22 2 22C2.55228 22 3 22.4477 3 23C3 23.5523 2.55228 24 2 24C1.44772 24 1 23.5523 1 23Z" fill="var(--color-saas-dify-blue-inverted)" />
      <rect opacity="0.18" x="4.5" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="8" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="11.5" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="15" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="18.5" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <path d="M22 23C22 22.4477 22.4477 22 23 22C23.5523 22 24 22.4477 24 23C24 23.5523 23.5523 24 23 24C22.4477 24 22 23.5523 22 23Z" fill="var(--color-saas-dify-blue-inverted)" />
      <rect opacity="0.18" x="25.5" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <path d="M29 23C29 22.4477 29.4477 22 30 22C30.5523 22 31 22.4477 31 23C31 23.5523 30.5523 24 30 24C29.4477 24 29 23.5523 29 23Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M1 26.5C1 25.9477 1.44772 25.5 2 25.5C2.55228 25.5 3 25.9477 3 26.5C3 27.0523 2.55228 27.5 2 27.5C1.44772 27.5 1 27.0523 1 26.5Z" fill="var(--color-saas-dify-blue-inverted)" />
      <rect opacity="0.18" x="4.5" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="8" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="11.5" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="15" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="18.5" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <path d="M22 26.5C22 25.9477 22.4477 25.5 23 25.5C23.5523 25.5 24 25.9477 24 26.5C24 27.0523 23.5523 27.5 23 27.5C22.4477 27.5 22 27.0523 22 26.5Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M25.5 26.5C25.5 25.9477 25.9477 25.5 26.5 25.5C27.0523 25.5 27.5 25.9477 27.5 26.5C27.5 27.0523 27.0523 27.5 26.5 27.5C25.9477 27.5 25.5 27.0523 25.5 26.5Z" fill="var(--color-saas-dify-blue-inverted)" />
      <rect opacity="0.18" x="29" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <path d="M1 30C1 29.4477 1.44772 29 2 29C2.55228 29 3 29.4477 3 30C3 30.5523 2.55228 31 2 31C1.44772 31 1 30.5523 1 30Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M4.5 30C4.5 29.4477 4.94772 29 5.5 29C6.05228 29 6.5 29.4477 6.5 30C6.5 30.5523 6.05228 31 5.5 31C4.94772 31 4.5 30.5523 4.5 30Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M8 30C8 29.4477 8.44772 29 9 29C9.55228 29 10 29.4477 10 30C10 30.5523 9.55228 31 9 31C8.44772 31 8 30.5523 8 30Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M11.5 30C11.5 29.4477 11.9477 29 12.5 29C13.0523 29 13.5 29.4477 13.5 30C13.5 30.5523 13.0523 31 12.5 31C11.9477 31 11.5 30.5523 11.5 30Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M15 30C15 29.4477 15.4477 29 16 29C16.5523 29 17 29.4477 17 30C17 30.5523 16.5523 31 16 31C15.4477 31 15 30.5523 15 30Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M18.5 30C18.5 29.4477 18.9477 29 19.5 29C20.0523 29 20.5 29.4477 20.5 30C20.5 30.5523 20.0523 31 19.5 31C18.9477 31 18.5 30.5523 18.5 30Z" fill="var(--color-saas-dify-blue-inverted)" />
      <path d="M22 30C22 29.4477 22.4477 29 23 29C23.5523 29 24 29.4477 24 30C24 30.5523 23.5523 31 23 31C22.4477 31 22 30.5523 22 30Z" fill="var(--color-saas-dify-blue-inverted)" />
      <rect opacity="0.18" x="25.5" y="29" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
      <rect opacity="0.18" x="29" y="29" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
    </svg>
  )
}

export default React.memo(Sandbox)
