import { ColorsStatus } from "@/constants/ColorsStatus";
import Styles from "@/constants/Styles";
import { View } from "react-native";
import Text from "./Text";

type Props = {
   category: 'error' | 'success' | 'warning' | 'primary' | 'secondary'
   text: string
   size: 'small' | 'default'
}
export default function LabelStatus({ category, text, size }: Props) {
   return (
      <View style={[size == "small" ? Styles.labelStatusSmall : Styles.labelStatus, ColorsStatus[category], Styles.round10, Styles.contentItemCenter]}>
         <Text style={[size == "small" ? Styles.textSmallSemiBold : Styles.textMediumSemiBold, Styles.cWhite, { textAlign: 'center' }]}>{text}</Text>
      </View>
   )
}