Storyden

import { useDisclosure } from "src/utils/useDisclosure";

import { ProfileReference } from "@/api/openapi-schema";
import * as Menu from "@/components/ui/menu";

import { ReportIcon } from "../ui/icons/Report";

import { ReportMemberModal } from "./ReportMemberModal";

type Props = {
  profile: ProfileReference;
};

export function ReportMemberMenuItem({ profile }: Props) {
  const disclosure = useDisclosure();

  return (
    <>
      <Menu.Item value="report-member" onClick={disclosure.onOpen}>
        <ReportIcon />
        &nbsp; Report member
      </Menu.Item>
      <ReportMemberModal profile={profile} {...disclosure} />
    </>
  );
}