// Module ID: 16884
// Function ID: 16885
// Name: VoicePanel
// Dependencies: [19, 1386, 4729, 21, 586, 16885, 16929, 4105, 4204, 2]

// Module 16884 (VoicePanel)
import isIterable from "isIterable" /* 4105 */;
import ManaContext from "ManaContext" /* 4204 */;
import VoicePanelControllerDefault from "VoicePanelController" /* 16885 */;
import importAllResult from "noop" /* 19 */;
import closure_4 from "ensureGuildLoaded" /* 1386 */;
import closure_5 from "withEqualityFn" /* 4729 */;
import { jsx } from "jsxProd" /* 21 */;

require = arg1;
function VoicePanel(arg0) {
  const _require = arg0;
  let obj = _require(586);
  const items = [closure_4];
  const stateFromStores = obj.useStateFromStores(items, () => {
    const channel = closure_1_4.getChannel(channelId.channelId);
    let guild_id;
    if (channel != null) {
      guild_id = channel.guild_id;
    }
    return guild_id;
  });
  obj = {};
  const merged = Object.assign(arg0);
  obj.guildId = stateFromStores;
  obj.children = importAllResult.useMemo(() => callback2(callback(table[6]), {}), []);
  return jsx(VoicePanelControllerDefault, {});
}
function getChannelKey(arg0) {
  return arg0;
}
function renderVoicePanel(arg0, channelId, transitionState, transitionCleanUp) {
  return <VoicePanel key={arg1} channelId={arg1} transitionState={arg2} transitionCleanUp={arg3} />;
}
let c3 = importAllResult;
const memoResult = importAllResult.memo(function VoicePanelContainer() {
  const tmp = callback((channels) => Array.from(channels.channels), isIterable.shallow);
  return jsx(ManaContext.TransitionGroup, { items: callback((channels) => Array.from(channels.channels), isIterable.shallow), getItemKey: getChannelKey, renderItem: renderVoicePanel });
});
const result = require("set").fileFinishedImporting("modules/voice_panel/native/VoicePanelContainer.tsx");

export default memoResult;