// Metro module 10820 (f10821).
import { useMemo } from "react";
import { resetFocus, toggleFocus } from "../ChannelCallStore";
import useSafeAreaInsets_native from "../../../safe_area/useSafeAreaInsets.native";
import useAnalyticsLocations from "../../../app_analytics/useAnalyticsLocations";
import UserTile from "./UserTile";
import { AvatarSizes } from "../../../../design/void/native";
import { ResizeMode } from "./VideoRenderer";
import ChannelRTCActionCreators from "../../../../actions/ChannelRTCActionCreators";
import showUserProfileActionSheet from "../../../user_profile/native/showUserProfileActionSheet";
export default function SingleVideoCall(props) {
  const { participant, channel } = props;
  const safeAreaInsets_native = useSafeAreaInsets_native();
  const { bottom, right } = safeAreaInsets_native;
  const analyticsLocations = useAnalyticsLocations().analyticsLocations;
  return <UserTile gestureEnabled participant={participant} avatarSize={AvatarSizes.PROFILE} resizeMode={ResizeMode.AUTO} statusStyle={useMemo(() => ({
    marginRight: right,
    marginBottom: bottom
  }), [right, bottom])} onSingleTap={toggleFocus} onDoubleTap={function onDoubleTap() {
    resetFocus();
    ChannelRTCActionCreators.selectParticipant(channel.id, null);
  }} onLongPress={function onLongPress(event) {
    showUserProfileActionSheet({
      userId: event.user.id,
      channelId: channel.id,
      isVoiceContext: true,
      sourceAnalyticsLocations: analyticsLocations
    });
  }} />;
};