Groups

const getSubtitleView = (group:CometChat.Group) => {
  return {
    html: `<p>${group.getGuid()}</p>`,
  };
};

const getEmptyStateView = () => {
  return {
  	html: "<p>CustomEmptyView</p>",
  };
};

const getLoadingStateView = () => {
  return {
  	componentName: "CustomLoadingViewComponent",
  };
};

const getErrorStateView = () => {
  return {
  	componentName: "CustomErrorViewComponent",
  };
};

let emptyStateText = "groups not found";
let errorStateText = "somet thing went wrong";
let DeleteIcon = "./assets/DeleteIcon.svg";

function options(group: CometChat.Group) {

  return [
    new CometChatOption({
    	id: "id",
    	title: "Delete user",
    	iconURL: DeleteIcon,
    	iconTint: "blue",
    	onClick: () => //do something,
    }),
  ];
}

<CometChatGroups
  :subtitleView="getSubtitleView"
  :emptyStateText="emptyStateText"
  :errorStateText="errorStateText"
  :emptyStateView="getEmptyStateView"
  :loadingStateView="getLoadingStateView"
  :errorStateView="errorStateView"
  :options="options"></CometChatGroups>