// Metro module 9937 (f9938).
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { intl, t } from "../../../intl/index.native";
import { SavedMessageSortTypes } from "../SavedMessagesTypes";
import { Header } from "../../../_bundle/Module5150";
import { GenericHeaderTitle } from "../../main_tabs_v2/native/shared_components/HeaderShared";
import { isIOS } from "../../../utils/PlatformUtils";
import { getHeaderCloseButton } from "../../../design/components/Navigator/native/NavigatorHeader.native";
import ModalActionCreators from "../../../actions/ModalActionCreators";
import ForLaterScreen from "./ForLaterScreen";
const useStyles = createStyles({
  modal: {
    backgroundColor: Module712.colors.BACKGROUND_BASE_LOWER,
    borderBottomWidth: 0,
    shadowColor: "transparent",
    height: "100%"
  },
  headerContainer: {
    paddingHorizontal: Module712.space.PX_16,
    paddingTop: Module712.space.PX_8
  }
});
export default function ForLaterModal(props) {
  const type = props.type;
  const styles = useStyles();
  const title = intl.string(type === SavedMessageSortTypes.REMINDER ? t.aUXxzT : t["2pAkDA"]);
  return <View style={styles.modal}>
    <View style={styles.headerContainer}>
      <Header title={title} headerTitle={() => <GenericHeaderTitle title={title} />} headerTitleAlign="center" headerStatusBarHeight={isIOS() ? 0 : void 0} headerLeft={getHeaderCloseButton(ModalActionCreators.pop)} />
    </View>
    <ForLaterScreen key={type} type={type} onClose={ModalActionCreators.pop} />
  </View>;
};