// Metro module 11092 (f11093).
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { PressableHighlight } from "../../../design/void/Pressables/native/Pressables";
import Linking from "../../../lib/native/Linking";
import { Text } from "../../../design/components/Text/native/Text";
import { Icon } from "../../../design/void/native";
import * as _Module7703 from "../../../_bundle/Module7703";
const useStyles = createStyles({
  childButton: {
    marginBottom: 8,
    borderRadius: Module712.radii.xs
  },
  childContainer: {
    minHeight: 60,
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "flex-start",
    backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH,
    paddingVertical: 16,
    paddingStart: 16,
    paddingEnd: 8,
    borderRadius: Module712.radii.xs
  },
  childButtonText: {
    flex: 1,
    lineHeight: 20
  },
  chevron: {
    color: Module712.colors.INTERACTIVE_TEXT_DEFAULT
  }
});
export default function AppealIngestionExternalLink(props) {
  const { text, url, onPress: onPress2 } = props;
  const styles = useStyles();
  return <PressableHighlight style={styles.childButton} accessibilityRole="button" onPress={function onPress() {
    if (onPress2 != null) {
      onPress2();
    }
    Linking.openURL(url);
  }}>
    <View style={styles.childContainer}>
      <Text style={styles.childButtonText} variant="text-md/semibold" color="mobile-text-heading-primary">{text}</Text>
      <Icon source={_Module7703} color={styles.chevron.color} />
    </View>
  </PressableHighlight>;
};