<template>
  <div>
    <StreamInfoPC
      v-if="isPC"
      :nickName="nickName"
      :isSelf="isSelf"
      :isMuted="isMuted"
      :volume="volume"
    />
    <StreamInfoMobile
      v-if="isGroupCall && !isPC"
      :showControlButton="showControlButton"
      :nickName="nickName"
      :showNickName="showNickName"
      :isSelf="isSelf"
      :isMuted="isMuted"
      :volume="volume"
    />
  </div>
</template>

<script lang="ts">
export default {
  options: {
    virtualHost: true
  }
}
</script>

<script setup lang="ts">
import { TUIGlobal } from '../../../../TUICallService';
import StreamInfoPC from './StreamInfoPC.vue';
import StreamInfoMobile from './StreamInfoMobile.vue';
import { StreamInfoProps } from './StreamInfo';
import { useCallInfoContext } from '../../../hooks';

const { isGroupCall } = useCallInfoContext();
const isPC = TUIGlobal.isPC;
defineProps(StreamInfoProps);
</script>
