// Metro module 15318 (f15319).
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import { MailboxSpotIllustration } from "../../../design/assets/native";
import { Text } from "../../../design/components/Text/native/Text";
import { intl, t } from "../../../intl/index.native";
const useStyles = createStyles({
  image: {
    marginBottom: 16
  },
  container: {
    paddingHorizontal: 48,
    alignItems: "center",
    justifyContent: "center"
  },
  headerText: {
    fontSize: 18,
    marginTop: 16,
    marginBottom: 8
  },
  text: {
    textAlign: "center"
  }
});
export function ForYouEmptyState(props) {
  const height = props.height;
  const styles = useStyles();
  return <View style={[styles.container, {
    height
  }]}>
    <View style={styles.image}>
      <MailboxSpotIllustration scale={0.75} />
    </View>
    <Text accessibilityRole="header" color="mobile-text-heading-primary" variant="heading-md/bold" style={[styles.text, styles.headerText]}>
      {intl.string(t.MwjTvn)}
    </Text>
    <Text color="text-default" variant="text-md/medium" style={styles.text}>
      {intl.string(t.AKBgPy)}
    </Text>
  </View>;
}