Headless CMS for Flutter

class ProductList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Query(
      options: QueryOptions(
        document: gql(
          r'''
          query GetProducts {
            products {
              name
              description
              slug
              availability
              image
            }
          }
          ''',
        ),
      ),
      builder: (QueryResult result, { VoidCallback? refetch, FetchMore? fetchMore }) {
        if (result.hasException) {
          return Text(result.exception.toString());
        }

        if (result.isLoading) {
          return CircularProgressIndicator();
        }

        List products = result.data['products'];

        return ListView.builder(
          itemCount: products.length,
          itemBuilder: (context, index) {
            final product = products[index];

            return ListTile(
              title: Text(product['name']),
              subtitle: Text(product['description']),
              trailing: product['availability']
                  ? Icon(Icons.check_circle, color: Colors.green)
                  : Icon(Icons.remove_circle, color: Colors.red),
              onTap: () {
                // Navigate to product details page
              },
            );
          },
        );
      },
    );
  }
}