// Metro module 16031 (f16032).
import { View } from "react-native";
import { SelfStreamAndVideoAlertType } from "../../../calls/HideSelfStreamAndVideoConstants";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import { intl, t } from "../../../../intl/index.native";
import Alert from "../../../../components_native/common/Alert";
import { Text } from "../../../../design/components/Text/native/Text";
import UserSettingsActionCreators from "../../../../actions/UserSettingsActionCreators";
const useStyles = createStyles({
  wrapper: {
    padding: 16
  },
  body: {
    paddingTop: 16
  },
  description: {
    lineHeight: 18
  },
  ctaLink: {
    paddingTop: 8,
    textAlign: "center",
    textDecorationLine: "underline"
  }
});
export default function HideSelfStreamAndVideoConfirmDialog(props) {
  const { type, onConfirm, ...props2 } = props;
  const styles = useStyles();
  const title = type === SelfStreamAndVideoAlertType.STREAM ? intl.string(t["/lFMWr"]) : intl.string(t.xzxhZS);
  const r49 = type === SelfStreamAndVideoAlertType.STREAM ? intl.string(t.xaOX7d) : intl.string(t.oU1p9O);
  return <Alert {...props2} title={title} style={styles.wrapper} cancelText={intl.string(t["ETE/oC"])} onCancel={props2?.onClose} confirmText={intl.string(t["cY+Oob"])} onConfirm={onConfirm}>
    <View style={styles.body}>
      <Text style={styles.description} variant="text-sm/medium">{r49}</Text>
      <Text accessibilityRole="link" style={[styles.ctaLink, styles.description]} onPress={function onPress() {
        UserSettingsActionCreators.updatedUnsyncedSettings({
          disableHideSelfStreamAndVideoConfirmationAlert: true
        });
        onConfirm();
      }} variant="text-sm/medium">
        {intl.string(t["JdIQ/Y"])}
      </Text>
    </View>
  </Alert>;
};