How to use the @ui5/webcomponents-react/lib/ListItemTypes.ListItemTypes.Active function in @ui5/webcomponents-react

icon?: string; // @generated
  iconEnd?: boolean; // @generated
  image?: string; // @generated
  info?: string; // @generated
  infoState?: ValueState; // @generated
  children?: ReactNode | ReactNode[] | string;
}

const StandardListItem: FC = withWebComponent(
  UI5StandardListItem
);

StandardListItem.displayName = 'StandardListItem';

StandardListItem.defaultProps = {
  type: ListItemTypes.Active, // @generated
  infoState: ValueState.None // @generated
};

export { StandardListItem };

import { withWebComponent } from '@ui5/webcomponents-react/lib/withWebComponent';
import { WithWebComponentPropTypes } from '../../internal/withWebComponent';
import { ListItemTypes } from '@ui5/webcomponents-react/lib/ListItemTypes';

export interface CustomListItemPropTypes extends WithWebComponentPropTypes {
  selected?: boolean; // @generated
  type?: ListItemTypes; // @generated
  children?: ReactNode | ReactNode[];
}

const CustomListItem: FC = withWebComponent(UI5CustomListItem);

CustomListItem.displayName = 'CustomListItem';

CustomListItem.defaultProps = {
  type: ListItemTypes.Active // @generated
};

export { CustomListItem };

{variantItems.map((item) => (
            
              {item.label}
            
          ))}

)}
        {showSort && (
          
            Sort Descending
          
        )}
        {showFilter && !column.isGrouped && (
          
            
              
              
          
        )}
        {showGroup && (
          
            {column.isGrouped ? 'Ungroup' : 'Group'}
          
        )}
      
    
  );
};