// Metro module 14966 (f14967).
import { memo } from "react";
import SelectedGuildStore from "../../../stores/SelectedGuildStore";
import { ME } from "../../../Constants";
import transitionGuildsBarToGuildOrOpenSelectedChannel from "./utils/transitionGuildsBarToGuildOrOpenSelectedChannel";
import MobileVisualRefreshExperiment from "../../themes/experiments/MobileVisualRefreshExperiment";
import GuildsBarAnimatedItemWrapper, { useGuildsBarAnimatedWrapperStyles } from "./GuildsBarAnimatedItemWrapper";
import { useStateFromStores } from "../../../_bundle/Module589";
import useGuildsBarBottomRightBadge from "./hooks/useGuildsBarBottomRightBadge";
import Module712 from "../../../_bundle/Module712";
import { intl, t } from "../../../intl/index.native";
import HomeDrawerDirectMessagesRow from "../../home_drawer/native/HomeDrawerDirectMessagesRow";
import { ChatIcon } from "../../../design/components/Icon/native/redesign/generated/ChatIcon";
const config = {
  onPress: () => {
    transitionGuildsBarToGuildOrOpenSelectedChannel(ME);
  }
};
const r27 = memo(function GuildsBarMessages() {
  const r15 = MobileVisualRefreshExperiment("GuildsBarMessages");
  const styles = useGuildsBarAnimatedWrapperStyles();
  const stateFromStores = useStateFromStores([SelectedGuildStore], () => {
    const guildId = SelectedGuildStore.getGuildId();
    return guildId == null || guildId === ME;
  });
  const guildsBarBottomRightBadge = useGuildsBarBottomRightBadge({
    mentionCount: 0
  });
  const { badge, cutouts } = guildsBarBottomRightBadge;
  const color = stateFromStores ? Module712.colors.WHITE : Module712.colors.MOBILE_GUILDBAR_ICON_DEFAULT;
  return <GuildsBarAnimatedItemWrapper selected={stateFromStores} circle={r15 ? !r15 : !stateFromStores} unread={false} styles={styles} cutouts={cutouts} config={config} overState={void 0} label={intl.string(t.YUU0RF)} externalChildren={badge} expandedChildren={<HomeDrawerDirectMessagesRow />}>
    <ChatIcon color={color} />
  </GuildsBarAnimatedItemWrapper>;
});
export default r27;