How to use the @pluralsight/ps-design-system-icon.ids function in @pluralsight/ps-design-system-icon

{
        href: '#',
        id: 'knowledge-sharing',
        title: 'Knowledge Sharing'
      },
      {
        href: '#',
        id: 'player-card',
        title: 'Player Card'
      }
    ]
  },
  {
    collapsible: true,
    header: {
      icon: ,
      id: 'delivery',
      title: 'Delivery'
    },
    items: [
      {
        href: '#',
        title: 'Retrospective'
      }
    ]
  },
  {
    collapsible: true,
    header: {
      icon: ,
      id: 'fundamentals',
      title: 'Fundamentals'

.add('just icon button', _ => (
    }>
      As a button
    
  ))
  .add('button w/ icon button', _ => (

return (
      
        <button aria-label="{getButtonAriaLabel()}">
          <div>
            <span>{children}</span>
            
          </div>
        </button>
      
    )
  }
)

.add('active', () => (
    }>
          text here
        
      }
    />
  ))
  .add('collapsible', () => (

.add('single list w/ icon', _ => (
    
          One item
          Two item
          Three item
          }>
            Three and the amazing item
          
        
      }
    />
  ))
  .add('divider', _ => (

.add('onClicks', _ => (
    
          One item
          Two item
          
            Three item
          
          }
            nested={
              
                
                  3 - One item
                
                
                  3 - Two item
                
                
                  3 - Three item
                
              
            }
          >
            Three and the amazing item

.add('No Group', _ => (
    
      Dashboard
        }
      />
      Account}
      />
      }>
            People
          
        }
      >
        Organization
          }
        />
        Admins}
        />
        Managers

}
        />
        }
            >
              Retrospective
            
          }
        />
        }
            >
              Snapshot
            
          }
        />
        }
            >
              Daily update
            
          }
        />

.add('basic', () => (
    }>
          text here
        
      }
    />
  ))
  .add('link', () => (

{longestMenuItemState.label || allProps.placeholder}
                
                <span>
                  {selectedLabel || allProps.placeholder}
                </span>
              
              <div>
                
                  
                
              </div>
            
          
          {allProps.error &amp;&amp; (
            <div>
              
            </div>
          )}
        
        {allProps.menu &amp;&amp; isOpen &amp;&amp; (
          <div>
            {React.cloneElement(allProps.menu, {
              isKeyboarding: isKeyboarding,
              onChange: handleMenuChange,
              onClick: handleMenuClick,
              onClose: _ =&gt; {
                setOpen(false)
                if (typeof allProps.menu.props.onClose === 'function')
                  allProps.menu.props.onClose()
              },
              style: {
                ...allProps.menu.props.style,</div>