feat(TextStatus): new component.

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;`}
+`;

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;