useGVLData

import { useGVLData } from '@c15t/react/hooks';

function CustomIABPreferences() {
  const { purposes, stacks, standalonePurposes, totalVendors, isLoading } =
    useGVLData();

  if (isLoading) return <p>Loading vendor data...</p>;

  return (
    <div>
      <p>{totalVendors} partners</p>
      {standalonePurposes.map((purpose) => (
        <div key={purpose.id}>
          <h3>{purpose.name}</h3>
          <p>{purpose.description}</p>
          <p>{purpose.vendors.length} vendors</p>
        </div>
      ))}
    </div>
  );
}