// Metro module 9544 (f9545).
import { Image as Image2, View } from "react-native";
import { HelpdeskArticles, Fonts } from "../../../Constants";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import TextStyles from "../../rebrand/native/TextStyles";
import Module712 from "../../../_bundle/Module712";
import ActionSheetActionCreators from "../../action_sheet/native/ActionSheetActionCreators";
import { BottomSheet } from "../../../design/components/Sheet/native/BottomSheet.native";
import { BottomSheetTitleHeader } from "../../../design/components/Sheet/native/BottomSheetTitleHeader.native";
import { ActionSheetCloseButton } from "../../../design/components/Sheet/native/ActionSheetCloseButton.native";
import Module9545 from "../../../_bundle/Module9545";
import { Text } from "../../../design/components/Text/native/Text";
import { intl, t } from "../../../intl/index.native";
import HelpdeskUtils from "../../../utils/HelpdeskUtils";
let useStyles;
const onClose = function onClose() {
  ActionSheetActionCreators.hideActionSheet();
};
useStyles = createStyles({
  title: {
    ...TextStyles(Fonts.DISPLAY_EXTRABOLD, Module712.colors.INTERACTIVE_TEXT_ACTIVE, 16),
    marginTop: 8,
    marginBottom: 8
  },
  subtitle: {
    color: Module712.colors.INTERACTIVE_TEXT_ACTIVE,
    textAlign: "center",
    width: 343
  },
  view: {
    paddingTop: 50,
    paddingBottom: 100,
    alignItems: "center"
  },
  rating: {
    width: 116,
    height: 93
  }
});
export default function NotificationSurveyResponseActionSheet(props) {
  const header = props.header;
  const styles = useStyles();
  return <BottomSheet>
    {header != null && <BottomSheetTitleHeader title={header} trailing={<ActionSheetCloseButton onPress={onClose} />} />}
    <View style={styles.view}>
      <Image2 style={styles.rating} source={Module9545} />
      <Text style={styles.title} variant="heading-md/bold">
        {intl.string(t["d9+vQ8"])}
      </Text>
      <Text style={styles.subtitle} variant="text-md/normal">
        {intl.format(t.WxD5QY, {
          helpUrl: HelpdeskUtils.getArticleURL(HelpdeskArticles.HIGHLIGHTS_NOTIFICATIONS)
        })}
      </Text>
    </View>
  </BottomSheet>;
};