// Metro module 14191 (f14192).
import { View } from "react-native";
import QuestStore from "../../QuestStore";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { useStateFromStores } from "../../../../_bundle/Module589";
import { QuestContentImpressionTrackerNative } from "../QuestContentImpressionTracker.native";
import { QuestContent } from "../../QuestTypes";
import useCountdown from "../../../../hooks/useCountdown";
import { BottomSheet } from "../../../../design/components/Sheet/native/BottomSheet.native";
import { Text } from "../../../../design/components/Text/native/Text";
import { intl, t } from "../../../../intl/index.native";
let useStyles;
const QuestEnrollmentBlockedBottomSheet = function QuestEnrollmentBlockedBottomSheet(props) {
  const questEnrollmentBlockedUntil2 = props.questEnrollmentBlockedUntil;
  const styles = useStyles();
  let r30 = questEnrollmentBlockedUntil2;
  if (r30 == null) {
    r30 = new Date();
  }
  const countdown = useCountdown(r30);
  const { hours, minutes, seconds } = countdown;
  const r20 = String(hours).padStart(2, "0");
  const r19 = String(minutes).padStart(2, "0");
  const r18 = String(seconds).padStart(2, "0");
  return questEnrollmentBlockedUntil2 == null ? null : <BottomSheet header={<View style={styles.heading}>
    <Text variant="heading-xl/bold">
      {intl.string(t["XEHDT/"])}
    </Text>
  </View>} footer={null} startExpanded>
    <View style={styles.container}>
      <Text variant="text-md/normal">
        {intl.formatToPlainString(t["+5XVH+"], {
          countdownString: `${r20}:${r19}:${r18}`
        })}
      </Text>
    </View>
  </BottomSheet>;
};
useStyles = createStyles({
  heading: {
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    paddingHorizontal: Module712.space.PX_16,
    paddingTop: Module712.space.PX_16,
    gap: Module712.space.PX_24
  },
  container: {
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    paddingHorizontal: Module712.space.PX_16,
    paddingBottom: Module712.space.PX_32
  }
});
export default function QuestEnrollmentBlockedBottomSheetConnected(props) {
  const { questId, questEnrollmentBlockedUntil, questContentPosition, sourceQuestContent } = props;
  const stateFromStores = useStateFromStores([QuestStore], () => QuestStore.getQuest(questId));
  return stateFromStores != null ? <QuestContentImpressionTrackerNative overrideVisibility questOrQuests={stateFromStores} questContent={QuestContent.QUEST_ENROLLMENT_BLOCKED_BOTTOM_SHEET} questContentPosition={questContentPosition} sourceQuestContent={sourceQuestContent}>
    {() => <QuestEnrollmentBlockedBottomSheet questId={questId} questEnrollmentBlockedUntil={questEnrollmentBlockedUntil} sourceQuestContent={sourceQuestContent} />}
  </QuestContentImpressionTrackerNative> : null;
};