How to use the bpk-component-spinner.SPINNER_TYPES.primary function in bpk-component-spinner

      renderLoadingComponent={() => }
    />

const DefaultLoadingElement = () => (
  <div>
    
  </div>
);

import {
  BpkSpinner,
  BpkLargeSpinner,
  BpkExtraLargeSpinner,
  SPINNER_TYPES,
} from 'bpk-component-spinner';

import DocsPageBuilder from '../../components/DocsPageBuilder';

const components = [
  {
    id: 'small',
    title: 'Small',
    examples: [
      
        
        
        
      ,
    ],
  },
  {
    id: 'large',
    title: 'Large',
    examples: [
      
        
        
        
      ,
    ],
  },

const CustomLoading = () => (
  <div>
    
  </div>
);