re-structure to monorepo.

packages/webapp/src/components/Hint/FieldHint.tsx

@@ -0,0 +1,21 @@
+// @ts-nocheck
+import React from 'react';
+import { Tooltip } from '@blueprintjs/core';
+import { Icon } from '../Icon';
+
+import '@/style/components/Hint.scss';
+
+/**
+ * Field hint.
+ */
+export function FieldHint({ content, position, iconSize = 12, tooltipProps }) {
+  return (
+    <span class="hint">
+      <Tooltip content={content} position={position} {...tooltipProps}>
+        <Icon icon="info-circle" iconSize={iconSize} />
+      </Tooltip>
+    </span>
+  );
+}
+
+export const Hint = FieldHint;

packages/webapp/src/components/Hint/FieldRequiredHint.tsx

@@ -0,0 +1,6 @@
+// @ts-nocheck
+import React from 'react';
+
+export function FieldRequiredHint() {
+  return <span class="required">*</span>;
+}

packages/webapp/src/components/Hint/RequiredHint.tsx

@@ -0,0 +1,6 @@
+// @ts-nocheck
+import React from 'react';
+
+export function RequiredHint() {
+  return <span class="required">*</span>;
+}

packages/webapp/src/components/Hint/index.ts

@@ -0,0 +1,4 @@
+// @ts-nocheck
+export * from './FieldHint';
+export * from './FieldRequiredHint';
+export * from './RequiredHint';