refactor(app): move react components to react codebase [EE-3179] (#6971)

app/react/components/Tip/TextTip/TextTip.tsx

@@ -0,0 +1,27 @@
+import { PropsWithChildren } from 'react';
+import clsx from 'clsx';
+
+type Color = 'orange' | 'blue';
+
+export interface Props {
+  color?: Color;
+}
+
+export function TextTip({
+  color = 'orange',
+  children,
+}: PropsWithChildren<Props>) {
+  return (
+    <p className="text-muted small">
+      <i
+        aria-hidden="true"
+        className={clsx(
+          'fa fa-exclamation-circle',
+          `${color}-icon`,
+          'space-right'
+        )}
+      />
+      {children}
+    </p>
+  );
+}