How to use the @uifabric/experiments.getTileLayout function in @uifabric/experiments

,
            
          ]}
        >
          {props.item.activity}
        
      }
      background={
        <span> // Placeholder content
      }
      hideBackground={!props.showBackground}
      showBackgroundFrame={true}
    /&gt;
  );

  const { backgroundSize } = getTileLayout(tile);

  const imageSize = fitContentToBounds({
    contentSize: props.originalImageSize,
    boundsSize: backgroundSize || { width: 0, height: 0 },
    mode: 'cover'
  });

  return (
    <div style="{{"></div></span>

): JSX.Element => {
  const tile = (
    }>{props.item.name}}
      itemActivity={{'12'}}>{props.item.activity}}
      foreground={<span>}
      hideForeground={!props.showForeground}
      showForegroundFrame={true}
    /&gt;
  );

  const { foregroundSize = { width: 0, height: 0 } } = getTileLayout(tile);

  const imageSize = fitContentToBounds({
    contentSize: props.originalImageSize,
    boundsSize: foregroundSize,
    mode: 'contain'
  });

  return (
    <div>
      {renderTileWithLayout(tile, {
        foreground: (
          <img src="{`//placehold.it/${Math.round(imageSize.width)}x${Math.round(imageSize.height)}`}">
        )</div></span>