[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/ITA.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const ITA: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M8 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H8V21Z"
      fill="#009345"
    />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H16V3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#CF2B36"
    />
    <path d="M16 3H8V21H16V3Z" fill="#E6E6E6" />
  </svg>
)

export default ITA

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/BHR.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const BHR: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H8V3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#CC162C"
    />
    <path
      d="M8 8L11 6L8 4V3H1C0.4475 3 0 3.4475 0 4V20C0 20.5525 0.4475 21 1 21H8V20L11 18L8 16L11 14L8 12L11 10L8 8Z"
      fill="#E6E6E6"
    />
  </svg>
)

export default BHR

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/RUS.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const RUS: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#EE0000"
    />
    <path d="M24 9H0V15H24V9Z" fill="#0000FE" />
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#E6E6E6"
    />
  </svg>
)

export default RUS

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/ZWE.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const ZWE: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M24 20C24 20.5525 23.5525 21 23 21H1L3 19H24V20Z" fill="#3C9038" />
    <path d="M3 19H24V16H6L3 19Z" fill="#F8D406" />
    <path d="M24 16H6L9 13H24V16Z" fill="#D12325" />
    <path d="M9 11H24V8H6L9 11Z" fill="#D12325" />
    <path d="M3 5H24V4C24 3.4475 23.5525 3 23 3H1L3 5Z" fill="#3C9038" />
    <path d="M24 8H6L3 5H24V8Z" fill="#F8D406" />
    <path d="M24 13H9L10 12L9 11H24V13Z" fill="#443A17" />
    <path
      d="M1 3C0.4475 3 0 3.4475 0 4V12V20C0 20.5525 0.4475 21 1 21L10 12L1 3Z"
      fill="#E6E6E6"
    />
    <path
      d="M6.99998 10.7625H5.06348L4.25298 9L3.44048 10.7625H1.50598L2.91998 12.2215L2.39648 14.3435L4.25298 13.2895L6.10948 14.3435L5.58598 12.2215L6.99998 10.7625Z"
      fill="#D12325"
    />
    <path
      d="M4.25293 13.5625C5.19347 13.5625 5.95593 12.8 5.95593 11.8595C5.95593 10.919 5.19347 10.1565 4.25293 10.1565C3.31239 10.1565 2.54993 10.919 2.54993 11.8595C2.54993 12.8 3.31239 13.5625 4.25293 13.5625Z"
      fill="#FFFF00"
    />
  </svg>
)

export default ZWE

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/SSD.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const SSD: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#424041"
    />
    <path d="M24 9H0V15H24V9Z" fill="#E52635" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#0EA651"
    />
    <path d="M24 9H0V10H24V9Z" fill="white" />
    <path d="M24 14H0V15H24V14Z" fill="white" />
    <path
      d="M1 3C0.448 3 0 3.4475 0 4V12V20C0 20.5525 0.448 21 1 21L11 12L1 3Z"
      fill="#244A93"
    />
    <path
      d="M7.1845 11.2715H5.7105L5.0925 9.9295L4.474 11.2715H3L4.0765 12.385L3.6785 14L5.092 13.1975L6.506 14L6.108 12.385L7.1845 11.2715Z"
      fill="#FFCE19"
    />
  </svg>
)

export default SSD

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/FJI.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const FJI: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g clipPath="url(#clip0)">
      <path
        d="M23 3H1C0.734784 3 0.48043 3.10536 0.292893 3.29289C0.105357 3.48043 0 3.73478 0 4L0 20C0 20.2652 0.105357 20.5196 0.292893 20.7071C0.48043 20.8946 0.734784 21 1 21H23C23.2652 21 23.5196 20.8946 23.7071 20.7071C23.8946 20.5196 24 20.2652 24 20V4C24 3.73478 23.8946 3.48043 23.7071 3.29289C23.5196 3.10536 23.2652 3 23 3Z"
        fill="#7DBDE1"
      />
      <path
        d="M1 3H12V12H0V4C0 3.73478 0.105357 3.48043 0.292893 3.29289C0.48043 3.10536 0.734784 3 1 3Z"
        fill="#00017A"
      />
      <path d="M9.5 9.5H8V9.625L11.1665 12H12V11.375L9.5 9.5Z" fill="#FF0000" />
      <path
        d="M0.0599365 3.67001L2.49994 5.50002H3.99994V5.37502L0.852936 3.01501C0.673651 3.04166 0.505041 3.11674 0.365293 3.23217C0.225546 3.3476 0.119964 3.49899 0.0599365 3.67001Z"
        fill="#FF0000"
      />
      <path d="M12 3H11.167L8 5.375V5.5H9.5005L12 3.625V3Z" fill="#FF0000" />
      <path d="M0 11.375V12H0.8335L4 9.625V9.5H2.5L0 11.375Z" fill="#FF0000" />
      <path d="M12 6.5H7V3H5V6.5H0V8.5H5V12H7V8.5H12V6.5Z" fill="#FF0000" />
      <path
        d="M21 15.5C21 16.5 18 18 18 18C18 18 15 16.5 15 15.5V11H21V15.5Z"
        fill="white"
      />
      <path d="M21 13.5H15V14.5H21V13.5Z" fill="#FF0000" />
      <path
        d="M18 18C18 18 18.2025 17.9 18.5 17.7325V11H17.5V17.7325C17.8 17.9 18 18 18 18Z"
        fill="#FF0000"
      />
    </g>
    <defs>
      <clipPath id="clip0">
        <path d="M0 0H24V24H0V0Z" fill="white" />
      </clipPath>
    </defs>
  </svg>
)

export default FJI

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/MAR.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const MAR: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#C0272C"
    />
    <path
      d="M16.1805 10.5205H13.235L12 7.84149L10.764 10.5205H7.81897L9.97097 12.747L9.17547 15.9735L12 14.3695L14.824 15.9735L14.0285 12.747L16.1805 10.5205ZM13.297 13.956L12 13.219L10.703 13.956L11.0745 12.449L10.1765 11.5205H11.4035L12 10.229L12.5955 11.5205H13.823L12.925 12.449L13.297 13.956Z"
      fill="#484C29"
    />
  </svg>
)

export default MAR

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/FRO.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const FRO: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#E6E6E6"
    />
    <path d="M5 9H0V10H6V9V3H5V9Z" fill="#0073C6" />
    <path d="M0 15H5V21H6V15V14H0V15Z" fill="#0073C6" />
    <path d="M11 9V3H10V9V10H24V9H11Z" fill="#0073C6" />
    <path d="M10 15V21H11V15H24V14H10V15Z" fill="#0073C6" />
    <path d="M24 10H10V3H6V10H0V14H6V21H10V14H24V10Z" fill="#EF2B2D" />
  </svg>
)

export default FRO

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/COL.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const COL: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 13H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V13Z"
      fill="#FDD116"
    />
    <path d="M24 13H0V17H24V13Z" fill="#003D8C" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V17H24V20Z"
      fill="#CB1224"
    />
  </svg>
)

export default COL

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/MNG.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const MNG: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H16V3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#C22A34"
    />
    <path
      d="M8 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H8V21Z"
      fill="#C22A34"
    />
    <path d="M16 3H8V21H16V3Z" fill="#0A5395" />
    <path
      d="M5 9V10H3V9H2V15H3V14H5V15H6V9H5ZM5 13H3V11H5V13Z"
      fill="#F8CE2F"
    />
    <path
      d="M4 9C4.552 9 5 8.5525 5 8C5 7.4475 4 6 4 6C4 6 3 7.4475 3 8C3 8.5525 3.448 9 4 9Z"
      fill="#F8CE2F"
    />
  </svg>
)

export default MNG

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/CUB.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const CUB: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M8 14L4 18H24V14H8Z" fill="#E6E6E6" />
    <path d="M4 6L8 10H24V6H4Z" fill="#E6E6E6" />
    <path d="M23 3H1L4 6H24V4C24 3.448 23.552 3 23 3Z" fill="#002A90" />
    <path d="M8 10L10 12L8 14H24V10H8Z" fill="#002A90" />
    <path d="M4 18L1 21H23C23.552 21 24 20.552 24 20V18H4Z" fill="#002A90" />
    <path
      d="M1 3C0.448 3 0 3.4475 0 4V12V20C0 20.5525 0.448 21 1 21L10 12L1 3Z"
      fill="#BE1C2B"
    />
    <path
      d="M6.1835 11.2715H4.71L4.092 9.9295L3.473 11.2715H2L3.076 12.385L2.6775 14L4.0915 13.1975L5.506 14L5.1075 12.385L6.1835 11.2715Z"
      fill="white"
    />
  </svg>
)

export default CUB

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/ALB.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const ALB: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#CE2029"
    />
    <path
      d="M10.745 17.6915C10.823 17.878 11.005 18 11.207 18H12.793C12.995 18 13.177 17.878 13.255 17.6915C13.332 17.5045 13.2895 17.2895 13.1465 17.1465L12 16L10.8535 17.1465C10.7105 17.2895 10.668 17.5045 10.745 17.6915Z"
      fill="black"
    />
    <path
      d="M13 9V8C13 7.448 13.448 7 14 7C14.552 7 15 6.552 15 6H13C12.448 6 12 6.448 12 7C12 6.448 11.552 6 11 6H9C9 6.552 9.448 7 10 7C10.552 7 11 7.448 11 8V9H5C5 9.5525 5.448 10 6 10H11V11H6C6 11.5525 6.448 12 7 12H11V13H7C7 13.552 7.448 14 8 14H11V15H8C8 15.5525 8.448 16 9 16H11H12H13H15C15.552 16 16 15.5525 16 15H13V14H16C16.552 14 17 13.552 17 13H13V12H17C17.552 12 18 11.5525 18 11H13V10H18C18.552 10 19 9.5525 19 9H13Z"
      fill="black"
    />
  </svg>
)

export default ALB

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/RWA.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const RWA: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V16H24V20Z"
      fill="#1F603E"
    />
    <path d="M24 11H0V16H24V11Z" fill="#F1D711" />
    <path
      d="M24 11H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V11Z"
      fill="#179FDB"
    />
    <path
      d="M18 10C19.1046 10 20 9.10457 20 8C20 6.89543 19.1046 6 18 6C16.8954 6 16 6.89543 16 8C16 9.10457 16.8954 10 18 10Z"
      fill="#F1D711"
    />
  </svg>
)

export default RWA

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/KWT.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const KWT: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M8 9V15L1 21C0.4475 21 0 20.5525 0 20V15V4C0 3.4475 0.448 3 1 3"
      fill="#000105"
    />
    <path d="M24 20C24 20.5525 23.5525 21 23 21H1L8 15H24V20Z" fill="#CC162C" />
    <path d="M24 9H8V15H24V9Z" fill="#E6E6E6" />
    <path d="M24 9H8L1 3H23C23.5525 3 24 3.4475 24 4V9Z" fill="#169D4D" />
  </svg>
)

export default KWT

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/PAN.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const PAN: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M12 12H0V4C0 3.4475 0.4475 3 1 3H12V12Z" fill="#E6E6E6" />
    <path
      d="M8.09208 6.8065H6.61858L6.00008 5.465L5.38108 6.807H3.90808L4.98408 7.9205L4.58558 9.5355L6.00008 8.7325L7.41408 9.535L7.01558 7.92L8.09208 6.8065Z"
      fill="#025193"
    />
    <path d="M24 20C24 20.5525 23.5525 21 23 21H12V12H24V20Z" fill="#E6E6E6" />
    <path d="M0 20C0 20.5525 0.4475 21 1 21H12V12H0V20Z" fill="#025193" />
    <path
      d="M20.092 15.8065H18.6184L17.9999 14.465L17.3809 15.807H15.9084L16.9844 16.9205L16.5859 18.536L17.9999 17.7325L19.414 18.5355L19.0154 16.92L20.092 15.8065Z"
      fill="#D21033"
    />
    <path d="M12 12H24V4C24 3.4475 23.5525 3 23 3H12V12Z" fill="#D21033" />
  </svg>
)

export default PAN

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/GUF.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const GUF: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M0 3.99998V20C0 20.5525 0.4475 21 1 21H23C23.292 21 23.552 20.873 23.735 20.6735L0.265 3.32648C0.102 3.50448 0 3.73948 0 3.99998Z"
      fill="#FDDF00"
    />
    <path
      d="M24 4C24 3.4475 23.5525 3 23 3H1.00001C0.708015 3 0.448015 3.127 0.265015 3.3265L23.735 20.6735C23.898 20.4955 24 20.2605 24 20V4Z"
      fill="#008A2A"
    />
    <path
      d="M15.0919 10.975H12.9139L11.9999 8.992L11.0849 10.9755H8.90845L10.4989 12.621L9.90995 15.0085L11.9999 13.8215L14.0899 15.008L13.5009 12.6205L15.0919 10.975Z"
      fill="#DD0A07"
    />
  </svg>
)

export default GUF

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/WSM.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const WSM: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M10 11H0V4C0 3.4475 0.4475 3 1 3H10V11Z" fill="#040385" />
    <path
      d="M23 3H10V11H0V20C0 20.5525 0.4475 21 1 21H23C23.5525 21 24 20.5525 24 20V12V4C24 3.4475 23.5525 3 23 3Z"
      fill="#FC0204"
    />
    <path
      d="M8.83002 5.0945H7.69402L7.21652 4.0585L6.74002 5.0945H5.60352L6.43352 5.95L6.12702 7.197L7.21702 6.578L8.30802 7.197L8.00002 5.95L8.83002 5.0945Z"
      fill="white"
    />
    <path
      d="M4.00004 5.7685H3.15804L2.80354 5L2.44904 5.7685H1.60754L2.22304 6.403L1.99554 7.328L2.80404 6.869L3.61254 7.328L3.38504 6.403L4.00004 5.7685Z"
      fill="white"
    />
    <path
      d="M8.00002 8.5135H7.17102L6.82252 7.7565L6.47402 8.5135H5.64502L6.25052 9.1365L6.02802 10.0465L6.82302 9.5955L7.61902 10.0465L7.39352 9.1365L8.00002 8.5135Z"
      fill="white"
    />
    <path
      d="M5.00003 8.86149H4.38553L4.12753 8.30099L3.86803 8.86149H3.25403L3.70403 9.32549L3.53603 9.99999L4.12803 9.66499L4.71803 9.99999L4.55203 9.32499L5.00003 8.86149Z"
      fill="white"
    />
  </svg>
)

export default WSM

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/KOR.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const KOR: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#E6E6E6"
    />
    <path
      d="M6.59869 5.69922L3.60168 9.70172L4.40258 10.3014L7.39959 6.29892L6.59869 5.69922Z"
      fill="black"
    />
    <path
      d="M17.4004 5.69969L16.6 6.29999L19.6 10.3L20.4004 9.69969L17.4004 5.69969Z"
      fill="black"
    />
    <path
      d="M4.40038 13.6997L3.59998 14.3L6.59998 18.3L7.40038 17.6997L4.40038 13.6997Z"
      fill="black"
    />
    <path
      d="M19.5993 13.6993L16.6023 17.7018L17.4032 18.3015L20.4002 14.299L19.5993 13.6993Z"
      fill="black"
    />
    <path
      d="M17 12C17 10.619 15.881 9.5 14.5 9.5C13.119 9.5 12 10.619 12 12C12 13.381 10.881 14.5 9.50002 14.5C8.29203 14.5 7.28403 13.6435 7.05103 12.504C7.30653 15.0255 9.41102 17 12 17C14.589 17 16.6935 15.0255 16.949 12.504C16.9825 12.341 17 12.173 17 12Z"
      fill="#053676"
    />
    <path
      d="M12 7C9.411 7 7.3065 8.9745 7.051 11.496C7.0175 11.659 7 11.827 7 12C7 13.381 8.119 14.5 9.5 14.5C10.881 14.5 12 13.381 12 12C12 10.619 13.119 9.5 14.5 9.5C15.708 9.5 16.716 10.3565 16.949 11.496C16.6935 8.9745 14.589 7 12 7Z"
      fill="#BA0831"
    />
  </svg>
)

export default KOR

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/KNA.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const KNA: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M1 3H15L0 13V4C0 3.448 0.4475 3 1 3Z" fill="#009D39" />
    <path d="M23 21H9L24 11V20C24 20.552 23.5525 21 23 21Z" fill="#D90E2B" />
    <path
      d="M18.6055 3H23C23.5525 3 24 3.448 24 4V8.5965L5.3945 21H1C0.4475 21 0 20.552 0 20V15.4035L18.6055 3Z"
      fill="#161616"
    />
    <path d="M24 11L9.00003 21H5.39453L24 8.5965V11Z" fill="#F4CE01" />
    <path d="M15 3H18.6055L0 15.4035V13L15 3Z" fill="#F4CE01" />
    <path
      d="M6.1835 16.342H4.71L4.092 15L3.473 16.342H2L3.076 17.4555L2.6775 19.0705L4.0915 18.268L5.5055 19.0705L5.107 17.4555L6.1835 16.342Z"
      fill="white"
    />
    <path
      d="M22 6.2715H20.5265L19.9085 4.9295L19.2895 6.2715H17.817L18.893 7.38501L18.494 9.00001L19.908 8.19751L21.3225 9.00001L20.924 7.38501L22 6.2715Z"
      fill="white"
    />
  </svg>
)

export default KNA

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/BEN.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const BEN: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M24 20C24 20.5525 23.5525 21 23 21H8V12H24V20Z" fill="#CB2322" />
    <path d="M24 12H8V3H23C23.5525 3 24 3.4475 24 4V12Z" fill="#F8CC15" />
    <path
      d="M8 3H1C0.4475 3 0 3.4475 0 4V20C0 20.5525 0.4475 21 1 21H8V3Z"
      fill="#078754"
    />
  </svg>
)

export default BEN

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/GAB.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const GAB: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#0AA060"
    />
    <path d="M24 9H0V15H24V9Z" fill="#F8CC15" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#4074AE"
    />
  </svg>
)

export default GAB

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/IMN.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const IMN: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#CE2029"
    />
    <path
      d="M15.8976 12.618L15.0031 10.829C14.7566 10.335 14.1556 10.1345 13.6616 10.3815L12.7671 10.829L11.8726 9.03997C11.6256 8.54647 11.0251 8.34598 10.5306 8.59298L8.74205 9.48747L7.84755 7.69897C7.35355 7.94547 7.15305 8.54647 7.40005 9.04047L7.84755 9.93498C8.09455 10.429 8.69505 10.6295 9.18955 10.382L10.9781 9.48747L11.8726 11.2765L10.9781 11.7235C10.4846 11.9705 10.2841 12.571 10.5311 13.065L11.4256 14.854L9.63705 15.7485C9.88355 16.242 10.4846 16.4425 10.9786 16.196L11.8731 15.7485C12.3671 15.5015 12.5676 14.901 12.3201 14.4065L11.4256 12.618L12.3201 12.1705L13.2146 11.723L14.1091 11.276L15.0031 13.0645C15.2501 13.5585 15.8505 13.759 16.345 13.512L17.2396 13.0645C17.7331 12.818 17.9336 12.217 17.6866 11.723L15.8976 12.618Z"
      fill="white"
    />
  </svg>
)

export default IMN

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/EUE.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const EUE: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M23 3H1C0.448 3 0 3.448 0 4V20C0 20.552 0.448 21 1 21H23C23.552 21 24 20.552 24 20V4C24 3.448 23.552 3 23 3Z"
      fill="#3200D0"
    />
    <path
      d="M13.553 6.9985H12.4595L12 6L11.5395 6.9985H10.447L11.245 7.822L10.95 9.0235L12 8.428L13.05 9.0235L12.754 7.822L13.553 6.9985Z"
      fill="#F6CF00"
    />
    <path
      d="M16.727 8.15651H15.6335L15.1735 7.15851L14.713 8.15651H13.6205L14.419 8.98051L14.1235 10.1815L15.1735 9.58601L16.2235 10.1815L15.9275 8.98051L16.727 8.15651Z"
      fill="#F6CF00"
    />
    <path
      d="M13.553 15.975H12.4595L12 14.9765L11.5395 15.975H10.447L11.245 16.799L10.95 18L12 17.4045L13.05 18L12.754 16.799L13.553 15.975Z"
      fill="#F6CF00"
    />
    <path
      d="M10.3794 8.15651H9.28595L8.82645 7.15851L8.36545 8.15651H7.27295L8.07145 8.98051L7.77595 10.1815L8.82645 9.58601L9.87645 10.1815L9.57995 8.98051L10.3794 8.15651Z"
      fill="#F6CF00"
    />
    <path
      d="M8.6065 11.475H7.513L7.053 10.4765L6.5925 11.475H5.5L6.2985 12.299L6.003 13.5L7.053 12.9045L8.103 13.5L7.807 12.299L8.6065 11.475Z"
      fill="#F6CF00"
    />
    <path
      d="M18.5001 11.475H17.4066L16.9471 10.4765L16.4861 11.475H15.3936L16.1921 12.299L15.8966 13.5L16.9471 12.9045L17.9966 13.5L17.7006 12.299L18.5001 11.475Z"
      fill="#F6CF00"
    />
    <path
      d="M16.727 14.756H15.6335L15.1735 13.758L14.713 14.756H13.6205L14.419 15.58L14.1235 16.781L15.1735 16.1855L16.2235 16.781L15.9275 15.58L16.727 14.756Z"
      fill="#F6CF00"
    />
    <path
      d="M10.3794 14.756H9.28595L8.82645 13.758L8.36545 14.756H7.27295L8.07145 15.58L7.77595 16.781L8.82645 16.1855L9.87645 16.781L9.57995 15.58L10.3794 14.756Z"
      fill="#F6CF00"
    />
  </svg>
)

export default EUE

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/TZA.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const TZA: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M24 9L6.00003 21H2.39453L24 6.5965V9Z" fill="#FADC30" />
    <path d="M18 3H21.6055L0 17.4035V15L18 3Z" fill="#FADC30" />
    <path d="M1 3H18L0 15V4C0 3.4475 0.4475 3 1 3Z" fill="#26B34A" />
    <path d="M23 21H6L24 9V20C24 20.5525 23.5525 21 23 21Z" fill="#179FDB" />
    <path
      d="M2.3945 21H1C0.4475 21 0 20.5525 0 20V17.4035L21.6055 3H23C23.5525 3 24 3.4475 24 4V6.5965L2.3945 21Z"
      fill="#44443C"
    />
  </svg>
)

export default TZA

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/TUN.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const TUN: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#E31E25"
    />
    <path
      d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z"
      fill="white"
    />
    <path
      d="M13.5995 15.2C11.833 15.2 10.3995 13.767 10.3995 12C10.3995 10.233 11.833 8.8 13.5995 8.8C13.946 8.8 14.2725 8.8695 14.585 8.971C13.8855 8.374 12.99 8 12 8C9.79 8 8 9.791 8 12C8 14.209 9.79 16 12 16C12.99 16 13.8855 15.626 14.585 15.0295C14.2725 15.131 13.9465 15.2 13.5995 15.2Z"
      fill="#E31E25"
    />
    <path
      d="M14.629 11.353L14.0145 10.0205L13.3995 11.353H12L13.0235 12.4115L12.632 14L14.015 13.2145L15.3975 14L15.006 12.4115L16.0295 11.353H14.629Z"
      fill="#E31E25"
    />
  </svg>
)

export default TUN

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/CAF.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const CAF: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M10 21H1C0.4475 21 0 20.5525 0 20V17H10V21Z" fill="#FCCE07" />
    <path d="M10 12H0V17H10V12Z" fill="#289941" />
    <path d="M10 7H0V12H10V7Z" fill="#E6E6E6" />
    <path d="M10 7H0V4C0 3.4475 0.4475 3 1 3H10V7Z" fill="#283B7F" />
    <path d="M14 21H23C23.5525 21 24 20.5525 24 20V17H14V21Z" fill="#FCCE07" />
    <path d="M24 12H14V17H24V12Z" fill="#289941" />
    <path d="M24 7H14V12H24V7Z" fill="#E6E6E6" />
    <path d="M14 7H24V4C24 3.4475 23.5525 3 23 3H14V7Z" fill="#283B7F" />
    <path d="M14 3H10V21H14V3Z" fill="#D51F36" />
    <path
      d="M3.99999 4.665H3.26999L2.96399 4L2.65699 4.665H1.92749L2.46049 5.215L2.26349 6.016L2.96349 5.6185L3.66349 6.016L3.46699 5.215L3.99999 4.665Z"
      fill="#F6D031"
    />
  </svg>
)

export default CAF

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/COM.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const COM: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M24 7H5L1 3H23C23.5525 3 24 3.4475 24 4V7Z" fill="#FFC615" />
    <path d="M24 17H5L1 21H23C23.5525 21 24 20.5525 24 20V17Z" fill="#4A73A9" />
    <path d="M5 7H24V12H10L5 7Z" fill="#E6E6E6" />
    <path d="M5 17H24V12H10L5 17Z" fill="#D52027" />
    <path
      d="M1 3C0.4475 3 0 3.4475 0 4V12V20C0 20.5525 0.4475 21 1 21L10 12L1 3Z"
      fill="#339241"
    />
    <path
      d="M3 12C3 10.6955 3.837 9.5965 5 9.1835C4.6855 9.0725 4.3525 9 4 9C2.343 9 1 10.343 1 12C1 13.657 2.343 15 4 15C4.3525 15 4.6855 14.9275 5 14.8165C3.837 14.4035 3 13.3045 3 12Z"
      fill="white"
    />
    <path
      d="M6.52149 11.7785H6.10349L5.96399 11.43L5.82449 11.7785H5.40649L5.68499 12.127L5.54549 12.546L5.96449 12.336L6.38349 12.546L6.24399 12.127L6.52149 11.7785Z"
      fill="white"
    />
    <path
      d="M6.52149 9.6455H6.10349L5.96399 9.297L5.82449 9.6455H5.40649L5.68499 9.994L5.54549 10.413L5.96449 10.203L6.38349 10.413L6.24399 9.994L6.52149 9.6455Z"
      fill="white"
    />
    <path
      d="M6.52149 13.9355H6.10349L5.96399 13.587L5.82449 13.9355H5.40649L5.68499 14.285L5.54549 14.703L5.96449 14.494L6.38349 14.703L6.24399 14.285L6.52149 13.9355Z"
      fill="white"
    />
  </svg>
)

export default COM

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/CMR.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const CMR: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M8 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H8V21Z"
      fill="#0D795F"
    />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H16V3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#F8D112"
    />
    <path d="M16 3H8V21H16V3Z" fill="#CB2322" />
    <path
      d="M15.1525 10.862H12.932L12 8.84149L11.068 10.862H8.84802L10.47 12.5405L9.87052 14.9735L12 13.764L14.13 14.9735L13.5305 12.5405L15.1525 10.862Z"
      fill="#EBCA19"
    />
  </svg>
)

export default CMR

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/FRA.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const FRA: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M8 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H8V21Z"
      fill="#01209F"
    />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H16V3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#EF4234"
    />
    <path d="M16 3H8V21H16V3Z" fill="#E6E6E6" />
  </svg>
)

export default FRA

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/ATG.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const ATG: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H12L21 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#D90E2B"
    />
    <path
      d="M12 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H3L12 21Z"
      fill="#D90E2B"
    />
    <path d="M12 21L7.5 12H16.5L12 21Z" fill="white" />
    <path d="M16.5 12H7.5L6 9H18L16.5 12Z" fill="#0472C9" />
    <path
      d="M3 3L6 9H8C8 6.791 9.791 5 12 5C14.209 5 16 6.791 16 9H18L21 3H3Z"
      fill="#000302"
    />
    <path
      d="M16 9C16 6.791 14.209 5 12 5C9.791 5 8 6.791 8 9H16Z"
      fill="#F8C422"
    />
  </svg>
)

export default ATG

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/ZAF.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const ZAF: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#E6E6E6"
    />
    <path d="M0 7V9L5 12L0 15V17L8 12L0 7Z" fill="#DDB954" />
    <path d="M0 9V15L5 12L0 9Z" fill="black" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H5L12 16H24V20Z"
      fill="#1A3A73"
    />
    <path d="M24 8H12L5 3H23C23.5525 3 24 3.4475 24 4V8Z" fill="#BD1D27" />
    <path
      d="M11.6975 10L1.1975 3H1C0.448 3 0 3.4475 0 4V7L8 12L0 17V20C0 20.5525 0.448 21 1 21H1.1975L11.6975 14H24V10H11.6975Z"
      fill="#0E825D"
    />
  </svg>
)

export default ZAF

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/AUT.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const AUT: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#DA1E05"
    />
    <path d="M24 9H0V15H24V9Z" fill="#E6E6E6" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#DA1E05"
    />
  </svg>
)

export default AUT

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/VCT.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const VCT: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M17 3H7V21H17V3Z" fill="#FFD10A" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H17V3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#009E61"
    />
    <path
      d="M7 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H7V21Z"
      fill="#0073C6"
    />
    <path
      d="M11.9992 11.6671L10.3328 13.3339L11.9996 15.0003L13.666 13.3335L11.9992 11.6671Z"
      fill="#009E61"
    />
    <path
      d="M13.9999 9.66615L12.333 11.3326L13.9994 12.9994L15.6663 11.333L13.9999 9.66615Z"
      fill="#009E61"
    />
    <path
      d="M10 9.66615L8.33313 11.3326L9.99953 12.9994L11.6664 11.333L10 9.66615Z"
      fill="#009E61"
    />
  </svg>
)

export default VCT

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/KAZ.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const KAZ: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#01B1C8"
    />
    <path
      d="M12 14C13.6569 14 15 12.6569 15 11C15 9.34315 13.6569 8 12 8C10.3431 8 9 9.34315 9 11C9 12.6569 10.3431 14 12 14Z"
      fill="#F8CC15"
    />
    <path
      d="M12 16C8.9675 16 6.5 13.5325 6.5 10.5C6.5 10.2235 6.7235 10 7 10C7.2765 10 7.5 10.2235 7.5 10.5C7.5 12.9815 9.5185 15 12 15C14.4815 15 16.5 12.9815 16.5 10.5C16.5 10.2235 16.7235 10 17 10C17.2765 10 17.5 10.2235 17.5 10.5C17.5 13.5325 15.0325 16 12 16Z"
      fill="#F8CC15"
    />
  </svg>
)

export default KAZ

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/BGD.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const BGD: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#0B694E"
    />
    <path
      d="M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17Z"
      fill="#F12E46"
    />
  </svg>
)

export default BGD

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/BEL.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const BEL: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M16 3H8V21H16V3Z" fill="#FFDE00" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H16V3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#EE0000"
    />
    <path
      d="M8 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H8V21Z"
      fill="black"
    />
  </svg>
)

export default BEL

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/BDI.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const BDI: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M0 19V5L10 12" fill="#2CB04D" />
    <path d="M24 19V5L14 12" fill="#2CB04D" />
    <path
      d="M24 4C24 3.4475 23.5525 3 23 3H22L12 10L2 3H1C0.4475 3 0 3.4475 0 4V5L10 12L0 19V20C0 20.5525 0.4475 21 1 21H2L12 14L22 21H23C23.5525 21 24 20.5525 24 20V19L14 12L24 5V4Z"
      fill="#E6E6E6"
    />
    <path d="M12 14L2 21H22L12 14Z" fill="#BD2230" />
    <path d="M12 10L2 3H22L12 10Z" fill="#BD2230" />
    <path
      d="M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17Z"
      fill="#E6E6E6"
    />
    <path
      d="M13.0725 9.6495H12.3425L12.0365 8.9845L11.73 9.6495H11L11.533 10.1995L11.336 11L12.036 10.6025L12.736 11L12.539 10.199L13.0725 9.6495Z"
      fill="#BD2230"
    />
    <path
      d="M11.0725 12.665H10.3425L10.036 12L9.7295 12.665H9L9.533 13.215L9.3355 14.016L10.0355 13.6185L10.7355 14.016L10.5385 13.215L11.0725 12.665Z"
      fill="#BD2230"
    />
    <path
      d="M15.0725 12.665H14.3425L14.036 12L13.7295 12.665H13L13.533 13.215L13.3355 14.016L14.0355 13.6185L14.7355 14.016L14.5385 13.215L15.0725 12.665Z"
      fill="#BD2230"
    />
  </svg>
)

export default BDI

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/BGR.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const BGR: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#E6E6E6"
    />
    <path d="M24 9H0V15H24V9Z" fill="#00976E" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#D72612"
    />
  </svg>
)

export default BGR

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/BFA.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const BFA: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 12H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V12Z"
      fill="#EC3122"
    />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V11H24V20Z"
      fill="#119A4A"
    />
    <path
      d="M16.1805 10.5205H13.235L12 7.84149L10.7635 10.5205H7.81897L9.97047 12.747L9.17547 15.9735L12 14.3695L14.824 15.9735L14.029 12.747L16.1805 10.5205Z"
      fill="#EBCA19"
    />
  </svg>
)

export default BFA

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/NIC.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const NIC: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#0067C6"
    />
    <path d="M24 9H0V15H24V9Z" fill="#E6E6E6" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#0067C6"
    />
    <path
      d="M12 9.98401L13.164 12L14.328 14.0165H12H9.672L10.836 12L12 9.98401Z"
      fill="#304639"
    />
  </svg>
)

export default NIC

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/LSO.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const LSO: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 8H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V8Z"
      fill="#27378F"
    />
    <path d="M24 8H0V16H24V8Z" fill="#E6E6E6" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V16H24V20Z"
      fill="#029544"
    />
    <path
      d="M14.7385 14.993L13.297 12.496C13.7235 12.13 14 11.592 14 10.9845C14 9.879 13.1055 8.9845 12 8.9845C10.8945 8.9845 9.99997 9.879 9.99997 10.9845C9.99997 11.592 10.2765 12.13 10.703 12.496L9.26147 14.993H14.7385Z"
      fill="#4D4D4D"
    />
  </svg>
)

export default LSO

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/YEM.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const YEM: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#000105"
    />
    <path d="M24 9H0V15H24V9Z" fill="#E6E6E6" />
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#CC162C"
    />
  </svg>
)

export default YEM

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/GMB.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const GMB: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#D01E2A"
    />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V14H24V20Z"
      fill="#3D7838"
    />
    <path d="M24 9H0V15H24V9Z" fill="#1D266B" />
    <path d="M24 9H0V10H24V9Z" fill="white" />
    <path d="M24 14H0V15H24V14Z" fill="white" />
  </svg>
)

export default GMB

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/MNE.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const MNE: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M23 3H1C0.4475 3 0 3.448 0 4V20C0 20.552 0.4475 21 1 21H23C23.5525 21 24 20.552 24 20V4C24 3.448 23.5525 3 23 3ZM22 19H2V5H22V19Z"
      fill="#D5AD3B"
    />
    <path d="M22 5H2V19H22V5Z" fill="#C40308" />
    <path
      d="M12 8C12 7.4475 11.5525 7 11 7H9C8.4475 7 8 7.4475 8 8H12Z"
      fill="#D5AD3B"
    />
    <path
      d="M16 10V12H14V8H16C16 7.448 15.5525 7 15 7H14H13C12.4475 7 12 7.448 12 8C12 7.448 11.5525 7 11 7H10V12H8V10C7.4475 10 7 10.448 7 11V13C7 13.552 7.4475 14 8 14H10.0635L9.504 16.051L11.2345 14.705L12 17L12.7655 14.7045L14.496 16.0505L13.9365 14H16C16.5525 14 17 13.552 17 13V11C17 10.448 16.5525 10 16 10Z"
      fill="#D5AD3B"
    />
  </svg>
)

export default MNE

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/TCD.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const TCD: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M8 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H8V21Z"
      fill="#202D61"
    />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H16V3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#C72032"
    />
    <path d="M16 3H8V21H16V3Z" fill="#FDCC05" />
  </svg>
)

export default TCD

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/MLI.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const MLI: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M16 3H8V21H16V3Z" fill="#FCD113" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H16V3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#CF1F29"
    />
    <path
      d="M8 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H8V21Z"
      fill="#20B148"
    />
  </svg>
)

export default MLI

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/FIN.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const FIN: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#E6E6E6"
    />
    <path d="M24 10H0V14H24V10Z" fill="#003680" />
    <path d="M10 3H6V21H10V3Z" fill="#003680" />
  </svg>
)

export default FIN

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/CYP.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const CYP: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#E6E6E6"
    />
    <path
      d="M17 8V9H16V8H15V9H14V8H13V9H11V8H10V9H9V8H8V9H7V8C6.4475 8 6 8.448 6 9V11C6 11.552 6.4475 12 7 12V11H8V12H9V11H10V12H11V11H13V12H14V11H15V12H16V11H17V12C17.5525 12 18 11.552 18 11V9C18 8.448 17.5525 8 17 8Z"
      fill="#ED8000"
    />
    <path d="M5 15H11V14H6C5.4475 14 5 14.4475 5 15Z" fill="#11674A" />
    <path d="M13 15H19C19 14.4475 18.5525 14 18 14H13V15Z" fill="#11674A" />
  </svg>
)

export default CYP

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/PNG.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const PNG: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M24 4C24 3.4475 23.5525 3 23 3H1L24 19V4Z" fill="#FC0204" />
    <path
      d="M1 3C0.4475 3 0 3.4475 0 4V20C0 20.5525 0.4475 21 1 21H23C23.5525 21 24 20.5525 24 20V19L1 3Z"
      fill="black"
    />
    <path
      d="M9.19344 14.4065L9.47844 13.25L8.46794 13.824L7.45694 13.25L7.74094 14.4065L6.97144 15.1995H8.02394L8.46744 16.1605L8.90994 15.1995H9.96244L9.19344 14.4065Z"
      fill="white"
    />
    <path
      d="M5.458 12.008L5.6435 11.25L4.9815 11.626L4.3175 11.25L4.504 12.008L4 12.5295H4.6915L4.9815 13.1595L5.2725 12.5295H5.963L5.458 12.008Z"
      fill="white"
    />
    <path
      d="M8.458 11.008L8.6435 10.25L7.9815 10.626L7.3175 10.25L7.504 11.008L7 11.5295H7.6915L7.9815 12.1595L8.2725 11.5295H8.963L8.458 11.008Z"
      fill="white"
    />
    <path
      d="M3.458 14.0985L3.6435 13.3405L2.9815 13.7165L2.3175 13.3405L2.504 14.0985L2 14.62H2.6915L2.9815 15.25L3.2725 14.62H3.963L3.458 14.0985Z"
      fill="white"
    />
    <path
      d="M7.22145 18.039H6.16895L5.72645 19L5.28295 18.039H4.23145L4.99995 17.246L4.71595 16.09L5.72645 16.663L6.73745 16.09L6.45195 17.246L7.22145 18.039Z"
      fill="white"
    />
    <path
      d="M20 7H18V5H16C15.4475 5 15 5.4475 15 6V7H13C12.4475 7 12 7.4475 12 8H15V9C15 9.5525 15.4475 10 16 10H18V8H20V9C20.5525 9 21 8.5525 21 8C21 7.4475 20.5525 7 20 7Z"
      fill="#FFFF00"
    />
  </svg>
)

export default PNG

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/LIE.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const LIE: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 12H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V12Z"
      fill="#1147A7"
    />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V12H24V20Z"
      fill="#CE1127"
    />
    <path d="M7 6H3V8.666L5 10L7 8.666V6Z" fill="#F6D031" />
  </svg>
)

export default LIE

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/IND.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const IND: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#FD9840"
    />
    <path d="M24 9H0V15H24V9Z" fill="#E6E6E6" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#1B8717"
    />
    <path
      d="M12 10C10.8955 10 10 10.8955 10 12C10 13.1045 10.8955 14 12 14C13.1045 14 14 13.1045 14 12C14 10.8955 13.1045 10 12 10ZM12 13C11.448 13 11 12.5525 11 12C11 11.4475 11.448 11 12 11C12.552 11 13 11.4475 13 12C13 12.5525 12.552 13 12 13Z"
      fill="#11188A"
    />
  </svg>
)

export default IND

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/BRA.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const BRA: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#009C3B"
    />
    <path
      d="M11.9845 6.0155L2.9845 12L11.9845 18.0155L21.0155 12L11.9845 6.0155Z"
      fill="#FFFF00"
    />
    <path
      d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"
      fill="#052379"
    />
    <path
      d="M13.0115 10.976C12.3795 10.66 11.704 10.5005 11.002 10.5005C9.8835 10.5005 8.843 10.9105 8.038 11.6165C8.026 11.745 8 11.8685 8 12C8 12.343 8.0565 12.67 8.1375 12.9875C8.7865 12.06 9.8425 11.5005 11.0025 11.5005C11.5475 11.5005 12.073 11.625 12.5645 11.8705C13.822 12.499 14.5265 13.7885 14.4875 15.1095C14.841 14.8265 15.147 14.492 15.3875 14.106C15.1195 12.7985 14.295 11.6175 13.0115 10.976Z"
      fill="white"
    />
  </svg>
)

export default BRA

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/NER.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const NER: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#19AE4A"
    />
    <path d="M24 9H0V15H24V9Z" fill="#E6E6E6" />
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#F57A1D"
    />
    <path
      d="M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z"
      fill="#F57A1D"
    />
  </svg>
)

export default NER

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/OMN.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const OMN: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M24 20C24 20.5525 23.5525 21 23 21H7V15H24V20Z" fill="#0F7F12" />
    <path d="M24 9H7V3H23C23.5525 3 24 3.4475 24 4V9Z" fill="#E6E6E6" />
    <path
      d="M7 9V3H1C0.448 3 0 3.4475 0 4V20C0 20.5525 0.448 21 1 21H7V15H24V9H7Z"
      fill="#D81B25"
    />
    <path
      d="M4.9285 6.048L4.278 5.289L3.4645 5.9865L2.651 5.289L2 6.048L2.6965 6.6445L2 7.241L2.651 8L3.4645 7.3025L4.278 8L4.9285 7.241L4.2325 6.6445L4.9285 6.048Z"
      fill="white"
    />
  </svg>
)

export default OMN

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/URY.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const URY: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 4C24 3.4475 23.5525 3 23 3H9V13H0V20C0 20.5525 0.4475 21 1 21H23C23.5525 21 24 20.5525 24 20V4Z"
      fill="#E6E6E6"
    />
    <path d="M24 5H9V7H24V5Z" fill="#0437AC" />
    <path d="M24 9H9V11H24V9Z" fill="#0437AC" />
    <path d="M0 13V15H24V13H10H0Z" fill="#0437AC" />
    <path d="M24 17H0V19H24V17Z" fill="#0437AC" />
    <path d="M9 13H0V4C0 3.4475 0.4475 3 1 3H9V13Z" fill="#E6E6E6" />
    <path
      d="M5 10C6.10457 10 7 9.10457 7 8C7 6.89543 6.10457 6 5 6C3.89543 6 3 6.89543 3 8C3 9.10457 3.89543 10 5 10Z"
      fill="#B09405"
    />
  </svg>
)

export default URY

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/PAK.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const PAK: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H8V3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#05401D"
    />
    <path
      d="M21 11.342H19.5265L18.908 10L18.289 11.342H16.8165L17.8925 12.4555L17.494 14.0705L18.908 13.268L20.322 14.0705L19.9235 12.4555L21 11.342Z"
      fill="white"
    />
    <path
      d="M17 15C15.344 15 14 13.6565 14 12C14 10.344 15.344 9 17 9C17.26 9 17.508 9.043 17.748 9.1055C17.0315 8.425 16.0675 8 15 8C12.791 8 11 9.791 11 12C11 14.209 12.791 16 15 16C16.0675 16 17.0315 15.575 17.748 14.8945C17.508 14.957 17.26 15 17 15Z"
      fill="white"
    />
    <path
      d="M8 3H1C0.4475 3 0 3.4475 0 4V20C0 20.5525 0.4475 21 1 21H8V3Z"
      fill="#E6E6E6"
    />
  </svg>
)

export default PAK

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/ROU.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const ROU: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M16 3H8V21H16V3Z" fill="#FAD314" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H16V3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#CE1127"
    />
    <path
      d="M8 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H8V21Z"
      fill="#00377B"
    />
  </svg>
)

export default ROU

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/BIH.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const BIH: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#161796"
    />
    <path d="M6 3L19 21V3H6Z" fill="#FFFF00" />
    <path
      d="M5.85847 5.4985L6.40647 4.9325H5.65647L5.34197 4.25L5.02747 4.9325H4.27747L4.82497 5.4985L4.62297 6.3205L5.34197 5.912L6.06047 6.3205L5.85847 5.4985Z"
      fill="white"
    />
    <path
      d="M8.14853 7.6435H7.39853L7.08403 6.961L6.76953 7.6435H6.01953L6.56753 8.2095L6.36503 9.0315L7.08403 8.623L7.80253 9.0315L7.60053 8.2095L8.14853 7.6435Z"
      fill="white"
    />
    <path
      d="M9.41706 10.897L9.96506 10.331H9.21506L8.90056 9.6485L8.58606 10.331H7.83606L8.38406 10.897L8.18156 11.719L8.90056 11.3105L9.61906 11.719L9.41706 10.897Z"
      fill="white"
    />
    <path
      d="M11.7459 12.9325H10.9959L10.6814 12.25L10.3669 12.9325H9.61694L10.1649 13.4985L9.96294 14.3205L10.6814 13.912L11.4004 14.3205L11.1979 13.4985L11.7459 12.9325Z"
      fill="white"
    />
    <path
      d="M13.6565 15.6435H12.9065L12.592 14.961L12.2775 15.6435H11.5275L12.075 16.2095L11.873 17.0315L12.592 16.623L13.3105 17.0315L13.1085 16.2095L13.6565 15.6435Z"
      fill="white"
    />
    <path
      d="M15.785 18.3625H15.035L14.7205 17.6795L14.4065 18.3625H13.6565L14.204 18.928L14.002 19.75L14.7205 19.342L15.4395 19.75L15.2375 18.928L15.785 18.3625Z"
      fill="white"
    />
  </svg>
)

export default BIH

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/BRB.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const BRB: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M17 3H7V21H17V3Z" fill="#FFC32A" />
    <path
      d="M24 20C24 20.552 23.5525 21 23 21H17V3H23C23.5525 3 24 3.448 24 4V20Z"
      fill="#08227F"
    />
    <path
      d="M7 21H1C0.4475 21 0 20.552 0 20V4C0 3.448 0.4475 3 1 3H7V21Z"
      fill="#08227F"
    />
    <path
      d="M15 7L14 7.9995L15 8V13H13V7.9995L12 7L11 7.9995V13H9V8L10 7.9995L9 7H8V13V14H9H11V17H13V14H15H16V13V7H15Z"
      fill="black"
    />
  </svg>
)

export default BRB

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/TTO.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const TTO: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 19.917C24 20.4695 23.5525 20.917 23 20.917H1C0.4475 20.917 0 20.4695 0 19.917V3.917C0 3.3645 0.4475 2.917 1 2.917H23C23.5525 2.917 24 3.3645 24 3.917V19.917Z"
      fill="#E6E6E6"
    />
    <path d="M23 3H6L24 15V4C24 3.448 23.5525 3 23 3Z" fill="#D90E2B" />
    <path d="M1 21H18L0 9V20C0 20.552 0.4475 21 1 21Z" fill="#D90E2B" />
    <path
      d="M21.6055 21H23C23.5525 21 24 20.552 24 20V17.4035L2.3945 3H1C0.4475 3 0 3.448 0 4V6.5965L21.6055 21Z"
      fill="#1C1C1C"
    />
  </svg>
)

export default TTO

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/ZMB.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const ZMB: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 4C24 3.4475 23.552 3 23 3H1C0.448 3 0 3.4475 0 4V20C0 20.5525 0.448 21 1 21H12V14H24V4Z"
      fill="#198B43"
    />
    <path d="M24 14H20V21H23C23.5525 21 24 20.5525 24 20V14Z" fill="#EA8028" />
    <path d="M20 14H16V21H20V14Z" fill="#57373A" />
    <path d="M16 14H12V21H16V14Z" fill="#DD2525" />
    <path
      d="M22.2765 8.447C22.4315 8.137 22.415 7.769 22.2325 7.474C22.05 7.179 21.7285 7 21.382 7H14.618C14.2715 7 13.9495 7.1795 13.7675 7.4745C13.5855 7.7695 13.5685 8.1375 13.7235 8.4475L14 9H22L22.2765 8.447Z"
      fill="#7B6045"
    />
    <path
      d="M19 11L18 12L17 11V6C17 5.4475 17.4475 5 18 5C18.5525 5 19 5.4475 19 6V11Z"
      fill="#7B6045"
    />
  </svg>
)

export default ZMB

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/AUS.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const AUS: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g clipPath="url(#clip0)">
      <path
        d="M23 3H1C0.734784 3 0.48043 3.10536 0.292893 3.29289C0.105357 3.48043 0 3.73478 0 4L0 20C0 20.2652 0.105357 20.5196 0.292893 20.7071C0.48043 20.8946 0.734784 21 1 21H23C23.2652 21 23.5196 20.8946 23.7071 20.7071C23.8946 20.5196 24 20.2652 24 20V4C24 3.73478 23.8946 3.48043 23.7071 3.29289C23.5196 3.10536 23.2652 3 23 3Z"
        fill="#0F2E72"
      />
      <path d="M9.5 9.5H8V9.625L11.1665 12H12V11.375L9.5 9.5Z" fill="#FF0000" />
      <path
        d="M0.0599365 3.67001L2.49994 5.50002H3.99994V5.37502L0.852936 3.01501C0.673651 3.04166 0.505041 3.11674 0.365293 3.23217C0.225546 3.3476 0.119964 3.49899 0.0599365 3.67001Z"
        fill="#FF0000"
      />
      <path d="M12 3H11.167L8 5.375V5.5H9.5005L12 3.625V3Z" fill="#FF0000" />
      <path d="M0 11.375V12H0.8335L4 9.625V9.5H2.5L0 11.375Z" fill="#FF0000" />
      <path d="M12 6.5H7V3H5V6.5H0V8.5H5V12H7V8.5H12V6.5Z" fill="#FF0000" />
      <path
        d="M6.086 15L6.4525 16.0295L7.4395 15.5605L6.9705 16.5475L8 16.914L6.9705 17.2805L7.4395 18.2675L6.4525 17.798L6.086 18.828L5.7195 17.798L4.7325 18.2675L5.202 17.2805L4.172 16.914L5.202 16.5475L4.7325 15.5605L5.7195 16.0295L6.086 15Z"
        fill="white"
      />
      <path
        d="M15.5775 11.261L15.7525 11.7525L16.224 11.5285L16 12L16.4915 12.175L16 12.35L16.224 12.821L15.7525 12.597L15.5775 13.089L15.4025 12.597L14.9315 12.821L15.1555 12.35L14.6635 12.175L15.1555 12L14.9315 11.5285L15.4025 11.7525L15.5775 11.261Z"
        fill="white"
      />
      <path
        d="M18.086 6.672L18.261 7.1635L18.7325 6.9395L18.5085 7.411L19 7.586L18.5085 7.761L18.7325 8.2325L18.261 8.008L18.086 8.5L17.911 8.008L17.4395 8.2325L17.664 7.761L17.172 7.586L17.664 7.411L17.4395 6.9395L17.911 7.1635L18.086 6.672Z"
        fill="white"
      />
      <path
        d="M21.414 10.172L21.589 10.6635L22.0605 10.4395L21.8365 10.911L22.328 11.086L21.8365 11.261L22.0605 11.7325L21.589 11.508L21.414 12L21.239 11.508L20.7675 11.7325L20.992 11.261L20.5 11.086L20.992 10.911L20.7675 10.4395L21.239 10.6635L21.414 10.172Z"
        fill="white"
      />
      <path
        d="M18.086 15.5L18.261 15.9915L18.7325 15.7675L18.5085 16.239L19 16.414L18.5085 16.589L18.7325 17.0605L18.261 16.836L18.086 17.328L17.911 16.836L17.4395 17.0605L17.664 16.589L17.172 16.414L17.664 16.239L17.4395 15.7675L17.911 15.9915L18.086 15.5Z"
        fill="white"
      />
    </g>
    <defs>
      <clipPath id="clip0">
        <path d="M0 0H24V24H0V0Z" fill="white" />
      </clipPath>
    </defs>
  </svg>
)

export default AUS

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/DMA.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const DMA: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M23 3H1C0.447715 3 0 3.44772 0 4V20C0 20.5523 0.447715 21 1 21H23C23.5523 21 24 20.5523 24 20V4C24 3.44772 23.5523 3 23 3Z"
      fill="#2D6943"
    />
    <path d="M11 3H9.5V21H11V3Z" fill="#F8D34C" />
    <path d="M13 3H11V21H13V3Z" fill="#010404" />
    <path d="M14.5 3H13V21H14.5V3Z" fill="white" />
    <path d="M24 11V9.5L0 9.5V11L24 11Z" fill="#F8D34C" />
    <path d="M24 13V11L0 11V13L24 13Z" fill="#010404" />
    <path d="M24 14.5V13L0 13V14.5L24 14.5Z" fill="white" />
    <path
      d="M12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 9.51472 14.4853 7.5 12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5Z"
      fill="#C5323A"
    />
  </svg>
)

export default DMA

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/JAM.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const JAM: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M0 19V5L10 12" fill="#161616" />
    <path d="M24 19V5L14 12" fill="#161616" />
    <path
      d="M24 4C24 3.448 23.5525 3 23 3H22L12 10L2 3H1C0.4475 3 0 3.448 0 4V5L10 12L0 19V20C0 20.552 0.4475 21 1 21H2L12 14L22 21H23C23.5525 21 24 20.552 24 20V19L14 12L24 5V4Z"
      fill="#F4CE01"
    />
    <path d="M12 14L2 21H22L12 14Z" fill="#009D39" />
    <path d="M12 10L2 3H22L12 10Z" fill="#009D39" />
  </svg>
)

export default JAM

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/ARG.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const ARG: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#7FA9CF"
    />
    <path d="M24 9H0V15H24V9Z" fill="#E6E6E6" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#7FA9CF"
    />
    <path
      d="M12 10C10.8955 10 10 10.8955 10 12C10 13.1045 10.8955 14 12 14C13.1045 14 14 13.1045 14 12C14 10.8955 13.1045 10 12 10Z"
      fill="#EFD358"
    />
  </svg>
)

export default ARG

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/MDG.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const MDG: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M8 3H1C0.4475 3 0 3.4475 0 4V20C0 20.5525 0.4475 21 1 21H8V3Z"
      fill="#E6E6E6"
    />
    <path d="M24 12H8V3H23C23.5525 3 24 3.4475 24 4V12Z" fill="#EF4138" />
    <path d="M24 20C24 20.5525 23.5525 21 23 21H8V12H24V20Z" fill="#0C7E40" />
  </svg>
)

export default MDG

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/ESP.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const ESP: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 8H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V8Z"
      fill="#C60B1E"
    />
    <path d="M24 8H0V16H24V8Z" fill="#FFC300" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V16H24V20Z"
      fill="#C60B1E"
    />
    <path
      d="M7 10V9H3V10H4V11H3V13.666L5 15L7 13.666V11H6V10H7Z"
      fill="#91443A"
    />
  </svg>
)

export default ESP

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/PER.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const PER: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M16 3H8V21H16V3Z" fill="#E6E6E6" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H16V3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#D90E2B"
    />
    <path
      d="M8 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H8V21Z"
      fill="#D90E2B"
    />
  </svg>
)

export default PER

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/KGZ.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const KGZ: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#CC162C"
    />
    <path
      d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"
      fill="#FDE233"
    />
    <path
      d="M12 6C8.6865 6 6 8.6855 6 12C6 15.3145 8.6865 18 12 18C15.3135 18 18 15.3145 18 12C18 8.6855 15.3135 6 12 6ZM12 17C9.239 17 7 14.7615 7 12C7 9.2385 9.239 7 12 7C14.761 7 17 9.2385 17 12C17 14.7615 14.761 17 12 17Z"
      fill="#FDE233"
    />
  </svg>
)

export default KGZ

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/IRN.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const IRN: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#D70A16"
    />
    <path d="M24 9H0V15H24V9Z" fill="#E6E6E6" />
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#2B9E45"
    />
    <path
      d="M12 10C10.8955 10 10 10.8955 10 12C10 13.1045 10.8955 14 12 14C13.1045 14 14 13.1045 14 12C14 10.8955 13.1045 10 12 10ZM12 13C11.4475 13 11 12.5525 11 12C11 11.4475 11.4475 11 12 11C12.5525 11 13 11.4475 13 12C13 12.5525 12.5525 13 12 13Z"
      fill="#D70A16"
    />
  </svg>
)

export default IRN

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/LUX.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const LUX: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#00A4DC"
    />
    <path d="M24 9H0V15H24V9Z" fill="#E6E6E6" />
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#EF2B2D"
    />
  </svg>
)

export default LUX

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/UZB.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const UZB: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#2AB342"
    />
    <path d="M24 9H0V15H24V9Z" fill="#E6E6E6" />
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#1799B3"
    />
    <path
      d="M5 4.0705C4.839 4.0295 4.674 4 4.5 4C3.3955 4 2.5 4.8955 2.5 6C2.5 7.1045 3.3955 8 4.5 8C4.674 8 4.839 7.9705 5 7.9295C4.1385 7.706 3.5 6.9305 3.5 6C3.5 5.0695 4.1385 4.294 5 4.0705Z"
      fill="white"
    />
    <path d="M7 5H6V6H7V5Z" fill="white" />
    <path d="M9 5H8V6H9V5Z" fill="white" />
    <path d="M11 5H10V6H11V5Z" fill="white" />
    <path d="M7 7H6V8H7V7Z" fill="white" />
    <path d="M9 7H8V8H9V7Z" fill="white" />
    <path d="M11 7H10V8H11V7Z" fill="white" />
    <path d="M13 7H12V8H13V7Z" fill="white" />
  </svg>
)

export default UZB

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/default.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const DefaultFlag: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#727273"
    />
  </svg>
)

export default DefaultFlag

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/JOR.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const JOR: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M24 9H7L1 3H23C23.5525 3 24 3.4475 24 4V9Z" fill="#2D2D2D" />
    <path d="M24 15H7L10 12L7 9H24V15Z" fill="#E6E6E6" />
    <path d="M24 20C24 20.5525 23.5525 21 23 21H1L7 15H24V20Z" fill="#0EA651" />
    <path
      d="M1 3C0.4475 3 0 3.4475 0 4V12V20C0 20.5525 0.4475 21 1 21L10 12L1 3Z"
      fill="#D81D38"
    />
    <path
      d="M4.1795 9.76349L4.665 10.992L5.9275 10.6055L5.2695 11.751L6.3595 12.498L5.0535 12.6975L5.1495 14.0145L4.1795 13.118L3.21 14.0145L3.3055 12.6975L2 12.498L3.09 11.751L2.4315 10.6055L3.6945 10.992L4.1795 9.76349Z"
      fill="white"
    />
  </svg>
)

export default JOR

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/LVA.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const LVA: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#861624"
    />
    <path d="M24 9H0V15H24V9Z" fill="#E6E6E6" />
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#861624"
    />
  </svg>
)

export default LVA

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/BOL.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const BOL: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#D72823"
    />
    <path d="M24 9H0V15H24V9Z" fill="#FAE405" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#007B32"
    />
    <path
      d="M12 10C10.8955 10 10 10.8955 10 12C10 13.1045 10.8955 14 12 14C13.1045 14 14 13.1045 14 12C14 10.8955 13.1045 10 12 10ZM12 13C11.4475 13 11 12.5525 11 12C11 11.4475 11.4475 11 12 11C12.5525 11 13 11.4475 13 12C13 12.5525 12.5525 13 12 13Z"
      fill="#D72823"
    />
  </svg>
)

export default BOL

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/KIR.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const KIR: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20H24Z"
      fill="#040385"
    />
    <path d="M24 19H0V20H24V19Z" fill="#E6E6E6" />
    <path d="M24 18H0V19H24V18Z" fill="#040385" />
    <path d="M24 17H0V18H24V17Z" fill="#E6E6E6" />
    <path d="M24 15H0V16H24V15Z" fill="#E6E6E6" />
    <path d="M24 16H0V17H24V16Z" fill="#040385" />
    <path
      d="M0 15H24V4C24 3.4475 23.5525 3 23 3H1C0.4475 3 0 3.4475 0 4V15Z"
      fill="#FC0204"
    />
    <path
      d="M17 15C17 12.239 14.761 10 12 10C9.239 10 7 12.239 7 15H17Z"
      fill="#FFD416"
    />
    <path
      d="M9 8C8.448 8 8 8.448 8 9H15C15 8.448 14.552 8 14 8H12V6H13C13.552 6 14 5.552 14 5H11V6H8C8 6.552 8.448 7 9 7H10V8H9Z"
      fill="#FFD416"
    />
  </svg>
)

export default KIR

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/IRL.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const IRL: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M16 3H8V21H16V3Z" fill="#E6E6E6" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H16V3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#FF833D"
    />
    <path
      d="M8 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H8V21Z"
      fill="#009A64"
    />
  </svg>
)

export default IRL

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/LCA.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const LCA: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.2652 23.8946 20.5196 23.7071 20.7071C23.5196 20.8946 23.2652 21 23 21H1C0.734784 21 0.48043 20.8946 0.292893 20.7071C0.105357 20.5196 0 20.2652 0 20V4C0 3.73478 0.105357 3.48043 0.292893 3.29289C0.48043 3.10536 0.734784 3 1 3H23C23.2652 3 23.5196 3.10536 23.7071 3.29289C23.8946 3.48043 24 3.73478 24 4V20Z"
      fill="#67CBFD"
    />
    <path d="M18 19L12 5L6 19H18Z" fill="white" />
    <path d="M7.51648 18L12 7.53851L16.4835 18H7.51648Z" fill="black" />
    <path d="M12 12.5L6 19H18L12 12.5Z" fill="#EAC52A" />
  </svg>
)

export default LCA

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/GRC.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const GRC: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#010080"
    />
    <path d="M24 5H10V7H24V5Z" fill="#E6E6E6" />
    <path d="M24 9H10V11H24V9Z" fill="#E6E6E6" />
    <path d="M6 7V3H4V7H0V9H4V13H0V15H24V13H6V9H10V7H6Z" fill="#E6E6E6" />
    <path d="M24 17H0V19H24V17Z" fill="#E6E6E6" />
  </svg>
)

export default GRC

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/PRY.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const PRY: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 9H0V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V9Z"
      fill="#D63730"
    />
    <path d="M24 9H0V15H24V9Z" fill="#E6E6E6" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V15H24V20Z"
      fill="#0A3CAF"
    />
    <path
      d="M12 10C10.8955 10 10 10.8955 10 12C10 13.1045 10.8955 14 12 14C13.1045 14 14 13.1045 14 12C14 10.8955 13.1045 10 12 10ZM12 13C11.4475 13 11 12.5525 11 12C11 11.4475 11.4475 11 12 11C12.5525 11 13 11.4475 13 12C13 12.5525 12.5525 13 12 13Z"
      fill="#688671"
    />
  </svg>
)

export default PRY

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/LBR.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const LBR: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 4C24 3.4475 23.552 3 23 3H10V13H0V20C0 20.5525 0.448 21 1 21H23C23.552 21 24 20.5525 24 20V4Z"
      fill="#AF2839"
    />
    <path d="M24 5H10V7H24V5Z" fill="#E6E6E6" />
    <path d="M24 9H10V11H24V9Z" fill="#E6E6E6" />
    <path d="M0 13V15H24V13H10H0Z" fill="#E6E6E6" />
    <path d="M24 17H0V19H24V17Z" fill="#E6E6E6" />
    <path d="M10 13H0V4C0 3.4475 0.4475 3 1 3H10V13Z" fill="#202D61" />
    <path
      d="M7.09247 7.30653H5.61847L4.99997 5.96503L4.38147 7.30703H2.90747L3.98397 8.42053L3.58647 10.035L4.99997 9.23253L6.41347 10.0355L6.01547 8.42003L7.09247 7.30653Z"
      fill="white"
    />
  </svg>
)

export default LBR

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/ARE.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const ARE: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M24 9H8V3H23C23.5525 3 24 3.4475 24 4V9Z" fill="#169D4D" />
    <path d="M24 9H8V15H24V9Z" fill="#E6E6E6" />
    <path d="M24 20C24 20.5525 23.5525 21 23 21H8V15H24V20Z" fill="#000105" />
    <path
      d="M8 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H8V21Z"
      fill="#CC162C"
    />
  </svg>
)

export default ARE

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/MDA.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const MDA: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M16 3H8V21H16V3Z" fill="#F5E303" />
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H16V3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#EE1E2E"
    />
    <path
      d="M8 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H8V21Z"
      fill="#2B3384"
    />
    <path
      d="M15 10H13V9C13 8.448 12.5525 8 12 8H11C10.4475 8 10 8.448 10 9H11V10H9V13.465C9 13.7995 9.167 14.1115 9.4455 14.297L12 16L14.5545 14.297C14.833 14.1115 15 13.7995 15 13.465V10Z"
      fill="#685A11"
    />
  </svg>
)

export default MDA

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/DNK.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const DNK: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#D00C32"
    />
    <path d="M10 3H6V21H10V3Z" fill="#E6E6E6" />
    <path d="M24 10H0V14H24V10Z" fill="#E6E6E6" />
  </svg>
)

export default DNK

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/MDV.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const MDV: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V4C0 3.4475 0.4475 3 1 3H23C23.5525 3 24 3.4475 24 4V20Z"
      fill="#D01738"
    />
    <path d="M20 7H4V17H20V7Z" fill="#0F7D3D" />
    <path
      d="M11 12C11 10.1385 12.2785 8.588 14 8.1415C13.6785 8.0585 13.3475 8 13 8C10.791 8 9 9.791 9 12C9 14.209 10.791 16 13 16C13.3475 16 13.6785 15.9415 14 15.8585C12.2785 15.412 11 13.8615 11 12Z"
      fill="white"
    />
  </svg>
)

export default MDV

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of country-flags/react/icons/TGO.tsx from the country-flags VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

const TGO: React.FC = () => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M24 20C24 20.5525 23.5525 21 23 21H1C0.4475 21 0 20.5525 0 20V17H24V20Z"
      fill="#0D6849"
    />
    <path d="M24 9H0V15H24V9Z" fill="#1D266B" />
    <path d="M24 7H7V3H23C23.5525 3 24 3.4475 24 4V7Z" fill="#0D6849" />
    <path d="M24 14H0V17H24V14Z" fill="#F8D406" />
    <path d="M24 7H7V10H24V7Z" fill="#F8D406" />
    <path d="M24 10H0V14H24V10Z" fill="#0D6849" />
    <path d="M7 10H0V4C0 3.4475 0.4475 3 1 3H7V10Z" fill="#D52027" />
    <path
      d="M5.37706 6.15249H4.14556L3.63006 5.03149L3.11356 6.15249H1.88306L2.78256 7.08049L2.44956 8.43L3.63006 7.76L4.81056 8.43L4.47756 7.07999L5.37706 6.15249Z"
      fill="white"
    />
  </svg>
)

export default TGO

```