module.exports = {
  plugins: [
    {
      resolve: 'gatsby-source-stripe-shifter-product',
      options: {
        stripeAPISecret: process.env.STRIPE_API_SECRET,
        stripeConfig: {
          apiVersion: '2020-08-27'
        }
      }
    },
...

export default (props) => {
    return (
          <ul>
            {props.data.allShifterStripeProduct.nodes.map(product => (
              <li key={product.id}>
                <b>{product.name}</b>
                <dl>
                  {product.plans.map(plan => (
                    <React.Fragment key={plan.id}>
                      <dd key={plan.id}><b>{plan.nickname}</b> {plan.amount / 100} per {plan.interval}</dd>
                    </React.Fragment>
                  ))}
                </dl>
              </li>
            ))}
          </ul>
    )
}

export const pageQuery = graphql`
  query IndexQuery {
    allShifterStripeProduct {
      nodes {
        productId
        productType
        name
        plans {
          id
          amount
          nickname
          interval
        }
      }
    }
  }
`