import { Experiment } from '@gregio/google-optimize';

const ComponentABTest = (props) => {
  return (
    <Experiment
      experimentId={`experimentID`}
      customEvent={`optimize.activate`}
      onActivate={(variant) => console.log(`activa ${variant}`) }
    >
      <ComponentABValue />
    </Experiment>
  );
};

// test variant value

import { useExperimentVariant, useExperimentActivate } from '@gregio/google-optimize';
const ComponentABValue = (props) => {
  const variant = useExperimentVariant();

  return  (
    {variant === ORIGINAL} && <ComponentOriginal />
    {variant === VARIANT_1} && <ComponentVariant />
  )
}