Function TooltipExampleMulti

stories/examples/Tooltip/DirectionsExample.js:33–59

(props)

};

function TooltipExampleMulti(props) {
  return (
    <>
      {[
        {
          placement: 'top',
          text: 'Tooltip on Top',
        },
        {
          placement: 'bottom',
          text: 'Tooltip on Bottom',
        },
        {
          placement: 'left',
          text: 'Tooltip on Left',
        },
        {
          placement: 'right',
          text: 'Tooltip on Right',
        },
      ].map((tooltip, i) => {
        // eslint-disable-next-line react/no-array-index-key
        return <TooltipItem key={i} item={tooltip} id={`Tooltip-${i}`} />;
      })}
    </>
  );
}

export default TooltipExampleMulti;