First commit of the new app

assets/icons/StatusBadgeIcon.tsx

@@ -0,0 +1,28 @@
+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;
+  }
+}