import { ColorsStatus } from "@/constants/ColorsStatus";
import Styles from "@/constants/Styles";
import { AntDesign } from "@expo/vector-icons";
import { Text, View } from "react-native";

type Props = {
   text: string,
}

export default function SectionCancel({ text }: Props) {
   return (
      <View style={[ColorsStatus.lightRed, Styles.p10, Styles.round10, Styles.mb15]}>
         <View style={[Styles.rowItemsCenter]}>
            <AntDesign name="warning" size={22} style={[Styles.mr10]} />
            <Text style={[Styles.textDefaultSemiBold]}>Kegiatan Dibatalkan</Text>
         </View>
         <View>
            <Text style={[Styles.mt05]}>{text}</Text>
         </View>
      </View>
   )
}