diff --git a/src/components/TextStatus/index.js b/src/components/TextStatus/index.js
new file mode 100644
index 000000000..186956a41
--- /dev/null
+++ b/src/components/TextStatus/index.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import styled from 'styled-components';
+
+export function TextStatus({ intent, children }) {
+  return <TextStatusRoot intent={intent}>{children}</TextStatusRoot>;
+}
+
+const TextStatusRoot = styled.span`
+  ${(props) =>
+    props.intent === 'warning' &&
+    `
+  color: #ec5b0a;`}
+
+  ${(props) =>
+    props.intent === 'success' &&
+    `
+  color: #2ba01d;`}
+
+  ${(props) =>
+    props.intent === 'none' &&
+    `
+  color: #777;`}
+
+  ${(props) =>
+    props.intent === 'primary' &&
+    `
+  color: #1652c8;`}
+`;
diff --git a/src/components/index.js b/src/components/index.js
index 4617b6fb2..c1c2b29db 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -89,6 +89,7 @@ export * from './SMSPreview';
 export * from './Contacts';
 export * from './Utils/Join';
 export * from './Typo';
+export * from './TextStatus';
 
 const Hint = FieldHint;