// Metro module 9953 (f9954).
import { Image as Image2, ScrollView, View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module9954 from "../../../_bundle/Module9954";
import { Text } from "../../../design/components/Text/native/Text";
import { intl, t } from "../../../intl/index.native";
import { SavedMessageSortTypes } from "../SavedMessagesTypes";
const useStyles = createStyles({
  scrollView: {
    flex: 1
  },
  pageContainer: {
    flexGrow: 1,
    justifyContent: "center",
    alignItems: "center",
    paddingHorizontal: 32,
    paddingVertical: 16
  },
  container: {
    alignItems: "center",
    maxWidth: 311
  },
  image: {
    width: 140,
    height: 130
  },
  textContainer: {
    marginTop: 24,
    gap: 8
  },
  text: {
    textAlign: "center"
  }
});
export function ForLaterEmptyState(props) {
  const type = props.type;
  const styles = useStyles();
  return <ScrollView style={styles.scrollView} contentContainerStyle={styles.pageContainer}>
    <View style={styles.container}>
      <Image2 source={Module9954} style={styles.image} />
      <View style={styles.textContainer}>
        <Text variant="heading-xl/extrabold" color="mobile-text-heading-primary" style={styles.text}>
          {intl.string(type === SavedMessageSortTypes.REMINDER ? t.AE4yja : t.erEf2g)}
        </Text>
        <Text variant="text-sm/medium" color="text-default" style={styles.text}>
          {intl.string(type === SavedMessageSortTypes.REMINDER ? t.iBFuNE : t["w1o+75"])}
        </Text>
      </View>
    </View>
  </ScrollView>;
}