From 4b91c06761f7db4ad4360b12bcc3ef0ede7a9b75 Mon Sep 17 00:00:00 2001
From: Vinicius Souza <dev@viniciussouza.me>
Date: Mon, 28 Oct 2024 14:36:48 -0300
Subject: [PATCH] feat: style invalid input

---
 src/components/Input.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Input.tsx b/src/components/Input.tsx
index 73c2464..ca3a3a9 100644
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@@ -24,12 +24,16 @@ export function Input({
   return (
     <FormControl w="$full" mb="$4" isInvalid={invalid}>
       <GSInput
+        isInvalid={invalid}
         h="$14"
         borderColor="$gray700"
         borderWidth="$1"
         borderRadius="$md"
         $focus={{
-          borderColor: '$green500',
+          borderColor: invalid ? '$red500' : '$green500',
+        }}
+        $invalid={{
+          borderColor: '$red500',
         }}
         isReadOnly={isReadOnly}
         opacity={isReadOnly ? 0.5 : 1}>