import React from "react";
import { translate } from "react-i18next";
import AutocompleteProps from "./UserGroupAutocomplete";
import UserGroupAutocomplete from "./UserGroupAutocomplete";

type Props = AutocompleteProps & {
  // Context props
  t: (p: string) => string;
};

class GroupAutocomplete extends React.Component<Props> {
  render() {
    const { t } = this.props;
    return (
      <UserGroupAutocomplete
        label={t("autocomplete.group")}
        noOptionsMessage={t("autocomplete.noGroupOptions")}
        loadingMessage={t("autocomplete.loading")}
        placeholder={t("autocomplete.groupPlaceholder")}
        {...this.props}
      />
    );
  }
}

export default translate("commons")(GroupAutocomplete);