// Metro module 15316 (f15317).
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { Icon } from "../../../design/void/native";
import Module9690 from "../../../_bundle/Module9690";
import { Text } from "../../../design/components/Text/native/Text";
import { intl, t } from "../../../intl/index.native";
const useStyles = createStyles({
  container: {
    marginBottom: 4,
    marginHorizontal: 24,
    alignItems: "center",
    flexDirection: "row"
  },
  imageContainer: {
    width: 48,
    height: 48,
    backgroundColor: Module712.unsafe_rawColors.GREEN_400,
    opacity: 0.16,
    borderRadius: Module712.radii.xl,
    marginRight: 16,
    justifyContent: "center",
    alignItems: "center"
  },
  icon: {
    margin: 12,
    position: "absolute",
    color: Module712.unsafe_rawColors.GREEN_400
  },
  headerText: {
    marginBottom: 2
  }
});
export function ForYouUnreadClearedState() {
  const styles = useStyles();
  return <View style={styles.container}>
    <View style={styles.imageContainer} />
    <Icon source={Module9690} style={styles.icon} color={styles.icon.color} />
    <View>
      <Text color="mobile-text-heading-primary" variant="text-md/semibold" style={styles.headerText}>
        {intl.string(t.DonStq)}
      </Text>
      <Text color="text-default" variant="text-md/medium">
        {intl.string(t.jXFsai)}
      </Text>
    </View>
  </View>;
}