28 lines
850 B
TypeScript
28 lines
850 B
TypeScript
import { ColorsStatus } from "@/constants/ColorsStatus";
|
|
import Styles from "@/constants/Styles";
|
|
import { AntDesign } from "@expo/vector-icons";
|
|
import Text from "./Text";
|
|
import { View } from "react-native";
|
|
|
|
type Props = {
|
|
text?: string,
|
|
title?: string
|
|
}
|
|
|
|
export default function SectionCancel({ text, title }: 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]}>{title ? title : 'Kegiatan Dibatalkan'}</Text>
|
|
</View>
|
|
{
|
|
text && (
|
|
<View>
|
|
<Text style={[Styles.mt05]}>{text}</Text>
|
|
</View>
|
|
)
|
|
}
|
|
</View>
|
|
)
|
|
} |