How to use the @uifabric/experiments/lib/Shimmer.ShimmerElementType.circle function in @uifabric/experiments

private _getCustomElements = (): JSX.Element => {
    return (
      <div style="{{">
        
        
      </div>
    );
  };
}

private _getCustomElementsExampleTwo = (): JSX.Element => {
    return (
      <div style="{{">
        
        
      </div>
    );
  };

private _getCustomElementsExampleThree = (): JSX.Element => {
    return (
      <div style="{{">
        
        <div style="{{">
          
          
          </div></div>

public render(): JSX.Element {
    return (
      <div>
        Basic Shimmer with no elements provided. It defaults to a line of 16px height.
        
        
        
        Basic Shimmer with elements provided.
        
        
        </div>

shimmerElements={[
            { type: ElemType.circle, height: 24 },
            { type: ElemType.gap, widthInPercentage: 2 },
            { type: ElemType.line, height: 16, widthInPercentage: 20 },
            { type: ElemType.gap, widthInPercentage: 5 },
            { type: ElemType.line, height: 16, widthInPercentage: 20 },
            { type: ElemType.gap, widthInPercentage: 10 },
            { type: ElemType.line, height: 16, widthInPercentage: 15 },
            { type: ElemType.gap, widthInPercentage: 10 },
            { type: ElemType.line, height: 16 }
          ]}
        />
        
        Variations of vertical alignment for Circles and Lines.