export const responsiveImageFragment = /* GraphQL */ `
  fragment responsiveImage on Image {
    url320wide: url(width: 320)
    url640wide: url(width: 640)
    url960wide: url(width: 960)
    url1280wide: url(width: 1280)
  }
`;

export const getAllProductsQuery = /* GraphQL */ `
  query getAllProducts {
    site {
      products(first: 4) {
        pageInfo {
          startCursor
          endCursor
        }
        edges {
          cursor
          node {
            entityId
            name
            path
            brand {
              name
            }
            description
            prices {
              price {
                value
                currencyCode
              }
              salePrice {
                value
                currencyCode
              }
            }
            images {
              edges {
                node {
                  ...responsiveImage
                }
              }
            }
            variants {
              edges {
                node {
                  entityId
                  defaultImage {
                    ...responsiveImage
                  }
                }
              }
            }
            options {
              edges {
                node {
                  entityId
                  displayName
                  isRequired
                  values {
                    edges {
                      node {
                        entityId
                        label
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  ${responsiveImageFragment}
`;