// Metro module 12548 (f12549).
import { View } from "react-native";
import { HelpdeskArticles } from "../../../../Constants";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { BottomSheet } from "../../../../design/components/Sheet/native/BottomSheet.native";
import { CircleErrorIcon } from "../../../../design/components/Icon/native/redesign/generated/CircleErrorIcon";
import { Text } from "../../../../design/components/Text/native/Text";
import { intl, t } from "../../../../intl/index.native";
import HelpdeskUtils from "../../../../utils/HelpdeskUtils";
const useStyles = createStyles({
  container: {
    marginTop: 32,
    marginHorizontal: 30
  },
  aboutContainer: {
    flexDirection: "row",
    backgroundColor: Module712.colors.BACKGROUND_MOD_SUBTLE,
    justifyContent: "center",
    borderRadius: Module712.radii.lg,
    marginBottom: 12
  },
  warningIcon: {
    margin: 16
  },
  aboutTextContainer: {
    justifyContent: "center",
    flex: 1,
    marginRight: 30
  },
  helpdeskText: {
    textAlign: "center",
    marginBottom: 24
  }
});
export default function NitroCreditEducationActionSheet(props) {
  const aboutText = props.aboutText;
  const styles = useStyles();
  return <BottomSheet>
    <View style={styles.container}>
      <View style={styles.aboutContainer}>
        <CircleErrorIcon size="lg" style={styles.warningIcon} />
        <View style={styles.aboutTextContainer}>
          <Text variant="text-sm/medium" color="text-overlay-light">{aboutText}</Text>
        </View>
      </View>
      <Text variant="text-sm/medium" color="text-overlay-light" style={styles.helpdeskText}>
        {intl.format(t.bg3jBj, {
          helpCenterLink: HelpdeskUtils.getArticleURL(HelpdeskArticles.FRACTIONAL_PREMIUM_ABOUT)
        })}
      </Text>
    </View>
  </BottomSheet>;
};