docs: function ActiveCallList({
    calls,
    className,
    currentLocale,
    areaCode,
    countryCode,
    brand,
    showContactDisplayPlaceholder,
    formatPhone,
    onClickToSms,
    onCreateContact,
    onViewContact,
    createEntityTypes,
    outboundSmsPermission,
    internalSmsPermission,
    isLoggedContact,
    onLogCall,
    autoLog,
    loggingMap,
    webphoneAnswer,
    webphoneReject,
    webphoneHangup,
    webphoneResume,
    webphoneToVoicemail,
    enableContactFallback,
    title,
    sourceIcons,
    phoneTypeRenderer,
    phoneSourceNameRenderer,
    disableLinks,
    renderContactName,
    renderExtraButton,
    contactDisplayStyle,
    externalViewEntity,
    externalHasEntity,
    readTextPermission,
  }) {
    if (calls.length === 0) {
      return null;
    }
    return (
      <div className={classnames(styles.list, className)}>
        <div className={styles.listTitle}>{title}</div>
        {calls.map(call => (
          <ActiveCallItem
            call={call}
            key={call.id}
            currentLocale={currentLocale}
            areaCode={areaCode}
            countryCode={countryCode}
            brand={brand}
            showContactDisplayPlaceholder={showContactDisplayPlaceholder}
            formatPhone={formatPhone}
            onClickToSms={onClickToSms}
            internalSmsPermission={internalSmsPermission}
            outboundSmsPermission={outboundSmsPermission}
            isLoggedContact={isLoggedContact}
            onLogCall={onLogCall}
            onViewContact={onViewContact}
            createEntityTypes={createEntityTypes}
            onCreateContact={onCreateContact}
            loggingMap={loggingMap}
            webphoneAnswer={webphoneAnswer}
            webphoneReject={webphoneReject}
            webphoneHangup={webphoneHangup}
            webphoneResume={webphoneResume}
            webphoneToVoicemail={webphoneToVoicemail}
            enableContactFallback={enableContactFallback}
            autoLog={autoLog}
            sourceIcons={sourceIcons}
            phoneTypeRenderer={phoneTypeRenderer}
            phoneSourceNameRenderer={phoneSourceNameRenderer}
            disableLinks={disableLinks}
            renderContactName={renderContactName}
            renderExtraButton={renderExtraButton}
            contactDisplayStyle={contactDisplayStyle}
            externalViewEntity={externalViewEntity}
            externalHasEntity={externalHasEntity}
            readTextPermission={readTextPermission}
          />
        ))}
      </div>
    );
  }