export const FlexSvg = () => {
  return (
    <svg
      width="100"
      height="96"
      viewBox="0 0 100 96"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <rect width="100" height="24" rx="4" fill="var(--surface-1)" />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M49.5 36L49.5 25L50.5 25L50.5 36L49.5 36Z"
        fill="#4765FF"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M44 25C43.7239 25 43.5 24.7761 43.5 24.5V24.5C43.5 24.2239 43.7239 24 44 24L56 24C56.2761 24 56.5 24.2239 56.5 24.5V24.5C56.5 24.7761 56.2761 25 56 25L44 25Z"
        fill="#4765FF"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M44 36C43.7239 36 43.5 35.7761 43.5 35.5V35.5C43.5 35.2239 43.7239 35 44 35L56 35C56.2761 35 56.5 35.2239 56.5 35.5V35.5C56.5 35.7761 56.2761 36 56 36L44 36Z"
        fill="#4765FF"
      />
      <rect y="36" width="100" height="24" rx="4" fill="var(--surface-1)" />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M49.5 72L49.5 61L50.5 61L50.5 72L49.5 72Z"
        fill="#4765FF"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M44 61C43.7239 61 43.5 60.7761 43.5 60.5V60.5C43.5 60.2239 43.7239 60 44 60L56 60C56.2761 60 56.5 60.2239 56.5 60.5V60.5C56.5 60.7761 56.2761 61 56 61L44 61Z"
        fill="#4765FF"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M44 72C43.7239 72 43.5 71.7761 43.5 71.5V71.5C43.5 71.2239 43.7239 71 44 71L56 71C56.2761 71 56.5 71.2239 56.5 71.5V71.5C56.5 71.7761 56.2761 72 56 72L44 72Z"
        fill="#4765FF"
      />
      <rect y="72" width="100" height="24" rx="4" fill="var(--surface-1)" />
    </svg>
  );
};