// Metro module 11091 (f11092).
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { capitalizeText } from "../SafetyHubUtils";
import { hexWithOpacity } from "../../../utils/ColorUtils";
import { Text } from "../../../design/components/Text/native/Text";
import { intl, t } from "../../../intl/index.native";
const useStyles = createStyles({
  sectionTitle: {
    marginBottom: 8
  },
  policy: {
    marginBottom: 16
  },
  borderColor: {
    color: Module712.colors.MOBILE_TEXT_HEADING_PRIMARY
  },
  userContainer: {
    marginTop: 8,
    justifyContent: "flex-start",
    minHeight: 40,
    borderRadius: Module712.radii.sm,
    borderWidth: 1,
    padding: 18
  }
});
export default function AppealIngestionPolicySummary(props) {
  const classification = props.classification;
  const styles = useStyles();
  const r11 = capitalizeText(classification?.description);
  const borderColor = hexWithOpacity(styles.borderColor.color, 0.08);
  return <View style={styles.policy}>
    <Text style={styles.sectionTitle} variant="text-sm/bold">
      {intl.string(t.xsdcxh)}
    </Text>
    <View style={[styles.userContainer, {
      borderColor
    }]}>
      <Text variant="text-md/semibold">{r11}</Text>
    </View>
  </View>;
};