// Metro module 11008 (f11009).
import { View } from "react-native";
import ApplicationStore from "../../applications/ApplicationStore";
import { HelpdeskArticles } from "../../../Constants";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import { isAndroid } from "../../../utils/PlatformUtils";
import Module712 from "../../../_bundle/Module712";
import { useStateFromStores } from "../../../_bundle/Module589";
import { BottomSheet } from "../../../design/components/Sheet/native/BottomSheet.native";
import { Icon } from "../../../design/void/native";
import { Text } from "../../../design/components/Text/native/Text";
import { intl, t } from "../../../intl/index.native";
import HelpdeskUtils from "../../../utils/HelpdeskUtils";
const useStyles = createStyles({
  contentWrapper: {
    paddingHorizontal: 24,
    paddingTop: 8,
    paddingBottom: isAndroid() ? 16 : 0
  },
  gameDescriptionWrapper: {
    flexDirection: "column",
    justifyContent: "flex-start",
    flex: 1
  },
  gameIcon: {
    width: 56,
    height: 56,
    marginRight: 8,
    borderRadius: Module712.radii.sm
  },
  gameDescriptionWrapperOuter: {
    flexDirection: "row"
  },
  timestamp: {
    marginBottom: 4
  }
});
export default function MessageGameIconActionSheet(props) {
  const { applicationId, messageTimestamp } = props;
  const styles = useStyles();
  const stateFromStores = useStateFromStores([ApplicationStore], () => ApplicationStore.getApplication(applicationId));
  const r3 = stateFromStores == null;
  let r30 = null;
  if (!r3) {
    let uri = stateFromStores == null ? void 0 : stateFromStores.getIconURL(56);
    if (uri == null) {
      uri = "";
    }
    r30 = <BottomSheet startExpanded>
      <View style={styles.contentWrapper}>
        <View style={styles.gameDescriptionWrapperOuter}>
          <Icon style={styles.gameIcon} resizeMode="contain" source={{
            uri
          }} disableColor />
          <View style={styles.gameDescriptionWrapper}>
            <Text style={styles.timestamp} variant="text-xs/medium" color="text-muted">{messageTimestamp}</Text>
            <Text variant="text-sm/medium">
              {intl.format(t.J3s8JP, {
                applicationName: stateFromStores.name
              })}
              {" "}
              {intl.format(t.BPDKoA, {
                helpdeskArticle: HelpdeskUtils.getArticleURL(HelpdeskArticles.SOCIAL_LAYER_CONNECTIONS)
              })}
            </Text>
          </View>
        </View>
      </View>
    </BottomSheet>;
  }
  return r30;
};