From b37ec2b944e16aa4b58634866d4f579a070d550e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Curcio?= <curciobelen@gmail.com>
Date: Fri, 7 Sep 2018 12:54:22 -0300
Subject: [PATCH] Supporting icons with ValidationMessages

---
 .../ValidationMessage/ValidationMessage.tsx         | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/core/client/ui/components/ValidationMessage/ValidationMessage.tsx b/src/core/client/ui/components/ValidationMessage/ValidationMessage.tsx
index c7abbb8cc..34782a29d 100644
--- a/src/core/client/ui/components/ValidationMessage/ValidationMessage.tsx
+++ b/src/core/client/ui/components/ValidationMessage/ValidationMessage.tsx
@@ -14,13 +14,22 @@ export interface ValidationMessageProps {
    * If set renders a full width message
    */
   fullWidth?: boolean;
+  /*
+  * Name of the icon, if not provided it will default to warning icon
+  */
+  icon?: string;
 }
 
 const ValidationMessage: StatelessComponent<ValidationMessageProps> = props => {
-  const { className, fullWidth, children, ...rest } = props;
+  const { className, fullWidth, children, icon, ...rest } = props;
 
   return (
-    <Message color="validation" icon="warning" className={className} {...rest}>
+    <Message
+      color="validation"
+      icon={icon ? icon : "warning"}
+      className={className}
+      {...rest}
+    >
       {children}
     </Message>
   );