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

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