text: import { Card, Layout, Page } from "@shopify/polaris";
  import gql from 'graphql-tag';
  import { Query } from 'react-apollo';
  
  const GET_PRODUCTS_BY_ID = gql`
    query getProducts($ids: [ID!]!) {
      nodes(ids: $ids) {
        ... on Product {
          title
          handle
          descriptionHtml
          id
          images(first: 1) {
            edges {
              node {
                originalSrc
                altText
              }
            }
          }
          variants(first: 1) {
            edges {
              node {
                price
                id
              }
            }
          }
        }
      }
    }
  `;
  
  const Resources = () => (
    <Page>
      <Layout>
        <Card>
          <Query query={GET_PRODUCTS_BY_ID}>
          {({ data, loading, error }) => {
            if (loading) return <div>Loading…</div>;
            if (error) return <div>{error.message}</div>;
            console.log(data);
            return (
              <Card>
                <p>stuff here</p>
              </Card>
            );
          }}
          </Query>
        </Card>
      </Layout>
    </Page>
  );
  export default Resources;
  