feat: add warning props to inputGroup

lidofinance · Feb 21, 2024 · c90a1ff · c90a1ff
1 parent f5aaa4d
commit c90a1ff
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/input/InputGroup.tsx b/packages/input/InputGroup.tsx
@@ -5,11 +5,19 @@ import { InputGroupProps } from './types.js'
 
 export const InputGroup = forwardRef(
   (
-    { fullwidth = false, error, success, children, ...rest }: InputGroupProps,
+    {
+      fullwidth = false,
+      error,
+      success,
+      warning,
+      children,
+      ...rest
+    }: InputGroupProps,
     ref?: ForwardedRef<HTMLSpanElement>,
   ) => {
     const hasError = !!error
     const hasSuccess = !!success && !error
+    const hasWarning = !hasError && !!warning // `error` overrides `warning`
 
     return (
       <InputGroupStyle $fullwidth={fullwidth} {...rest} ref={ref}>
@@ -20,6 +28,9 @@ export const InputGroup = forwardRef(
         {hasSuccess && (
           <InputMessageStyle $variant='success'>{success}</InputMessageStyle>
         )}
+        {hasWarning && (
+          <InputMessageStyle $variant='warning'>{warning}</InputMessageStyle>
+        )}
       </InputGroupStyle>
     )
   },

diff --git a/packages/input/types.ts b/packages/input/types.ts
@@ -62,6 +62,7 @@ export type InputGroupProps = LidoComponentProps<
     fullwidth?: boolean
     error?: ReactNode
     success?: ReactNode
+    warning?: ReactNode
   }
 >