29 lines
840 B
TypeScript
29 lines
840 B
TypeScript
import CircleCheckIcon from '@/assets/icons/circle-check-solid.svg';
|
|
import CircleXmarkIcon from '@/assets/icons/circle-xmark-solid.svg';
|
|
import ClockIcon from '@/assets/icons/clock-solid.svg';
|
|
import ShipIcon from '@/assets/icons/ship-solid.svg';
|
|
import { SvgProps } from 'react-native-svg';
|
|
|
|
type Props = {
|
|
statusType: string;
|
|
color: string;
|
|
size?: number;
|
|
};
|
|
|
|
export function StatusBadgeIcon({ statusType, color, size = 10 }: Props) {
|
|
const iconProps: SvgProps = { width: size, height: size, fill: color };
|
|
|
|
switch (statusType) {
|
|
case 'verde':
|
|
return <CircleCheckIcon {...iconProps} />;
|
|
case 'vermelho':
|
|
return <CircleXmarkIcon {...iconProps} />;
|
|
case 'amarelo':
|
|
return <ClockIcon {...iconProps} />;
|
|
case 'roxo':
|
|
return <ShipIcon {...iconProps} />;
|
|
default:
|
|
return null;
|
|
}
|
|
}
|