How to use the @wireapp/commons.AccentColor.getById function in @wireapp/commons

{accounts.map(account => (
      <div>
        <div style="{{color:"> connected.switchAccount(account.id)}
          onContextMenu={preventFocus(event =&gt; {
            const isAtLeastAdmin = ['z.team.TeamRole.ROLE.OWNER', 'z.team.TeamRole.ROLE.ADMIN'].includes(
              account.teamRole || ''
            );
            const center = centerOfEventTarget(event as any);
            connected.toggleEditAccountMenuVisibility(
              center.x,
              center.y,
              account.id,
              account.sessionID,
              account.lifecycle,
              isAtLeastAdmin
            );
          })}</div></div>

const PersonalIcon: React.SFC = ({account, accentID, onClick}) => (
  <div data-uie-value="{account.name}" data-uie-name="item-team" title="{account.name}">
    {account.visible &amp;&amp; (
      <div style="{{borderColor:">
    )}
    <div>{account.picture &amp;&amp; <img src="{account.picture}">}</div>
  </div>
);
</div>

const TeamIcon: React.SFC = ({account, accentID}) => (
  <div data-uie-value="{account.name}" data-uie-name="item-team" title="{account.name}">
    {account.visible &amp;&amp; (
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 38" height="38" width="38" style="{{fill:">
        <path d="M22.706 1.82l9.52 5.375C34.444 8.445 36 11.112 36 13.655v10.69c0 2.546-1.553 5.207-3.773 6.46l-9.52 5.375c-2.183 1.233-5.228 1.234-7.413 0l-9.52-5.375C3.556 29.555 2 26.888 2 24.345v-10.69c0-2.546 1.553-5.207 3.773-6.46l9.52-5.375c2.183-1.233 5.228-1.234 7.413 0zm-6.43 1.74l-9.52 5.376C5.164 9.836 4 11.83 4 13.656v10.69c0 1.82 1.168 3.82 2.756 4.718l9.52 5.375c1.575.888 3.875.887 5.447 0l9.52-5.376c1.593-.9 2.757-2.894 2.757-4.72v-10.69c0-1.82-1.168-3.82-2.756-4.718l-9.52-5.375c-1.575-.888-3.875-.887-5.447 0z"></path>
      </svg>
    )}
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 38" height="38" width="38">
      <path d="M17.26 5.303c.96-.543 2.514-.545 3.48 0l9.52 5.375c.96.542 1.74 1.878 1.74 2.977v10.69c0 1.102-.774 2.432-1.74 2.977l-9.52 5.375c-.96.543-2.514.545-3.48 0l-9.52-5.375C6.78 26.78 6 25.444 6 24.345v-10.69c0-1.102.774-2.432 1.74-2.977l9.52-5.375z"></path></svg></div>