INN-2030 Created new composable WarningCard https://www.figma.com/design/aHWw4auQq05v38FpS686cu/00-Ifeel-System?node-id=2293-1980&p=f&t=3o57PES6BfjqptIs-0

Author: GermanIfeelDev

components/src/main/java/com/ifeel/components/ui/components/generic/card/AlertInfoCard.kt

@@ -4,10 +4,7 @@ import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable

components/src/main/java/com/ifeel/components/ui/components/generic/card/WarningCard.kt

@@ -0,0 +1,64 @@
+package com.ifeel.components.ui.components.generic.card
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.ifeel.components.R
+import com.ifeel.components.ui.theme.IfeelComponentsTheme
+import com.ifeel.components.ui.theme.color_brand_secondary_200
+import com.ifeel.components.ui.theme.color_danger_100
+import com.ifeel.components.ui.theme.color_text_700
+import com.ifeel.components.ui.theme.text.BodyTextStyle
+
+private val cardShape = RoundedCornerShape(10.dp)
+
+@Composable
+fun WarningCard(text: String, modifier: Modifier = Modifier) {
+    Row(
+        modifier = modifier
+            .border(
+                width = 1.dp,
+                color = color_brand_secondary_200,
+                shape = cardShape
+            )
+            .clip(shape = cardShape)
+            .background(color = color_danger_100)
+            .padding(12.dp)
+    ) {
+        Image(
+            painter = painterResource(id = R.drawable.warning_card_ic),
+            contentDescription = null,
+            modifier = Modifier
+                .align(Alignment.CenterVertically)
+                .padding(end = 8.dp),
+        )
+
+        Text(
+            text = text,
+            style = BodyTextStyle.Body14Regular.toTextStyle(),
+            color = color_text_700
+        )
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+private fun WarningCardPreview() {
+    IfeelComponentsTheme {
+        WarningCard(
+            modifier = Modifier.padding(20.dp),
+            text = "Contraseña o email incorrectos. Por motivos de seguridad, después de 10 intentos fallidos tu acceso se bloqueará durante 60 minutos."
+        )
+    }
+}

components/src/main/res/drawable/warning_card_ic.xml

@@ -0,0 +1,17 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="21dp"
+    android:height="22dp"
+    android:viewportWidth="21"
+    android:viewportHeight="22">
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M10.5,11m-8.438,0a8.438,8.438 0,1 1,16.875 0a8.438,8.438 0,1 1,-16.875 0"
+        android:strokeWidth="1.5"
+        android:strokeColor="#E14237" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M16,5.5L5,16.5"
+        android:strokeWidth="1.5"
+        android:strokeColor="#E14237"
+        android:strokeLineCap="round" />
+</vector>