Write custom tooltip component

1 files changed, 23 insertions, 0 deletions

diff --git a/packages/website/ts/components/onboarding/onboarding_tooltip.tsx b/packages/website/ts/components/onboarding/onboarding_tooltip.tsx
new file mode 100644
index 000000000..3ab18b011
--- /dev/null
+++ b/packages/website/ts/components/onboarding/onboarding_tooltip.tsx
@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+import { Island } from 'ts/components/ui/island';
+
+export interface OnboardingTooltipProps {
+    title: string;
+    content: React.ReactNode;
+    isLastStep: boolean;
+    index: number;
+    onClose: () => void;
+    onClickNext: () => void;
+    onClickBack: () => void;
+}
+
+export const OnboardingTooltip: React.StatelessComponent<OnboardingTooltipProps> = (props: OnboardingTooltipProps) => (
+    <Island>
+        {props.title}
+        {props.content}
+        <button onClick={props.onClickBack}>Back</button>
+        <button onClick={props.onClickNext}>Skip</button>
+        <button onClick={props.onClose}>Close</button>
+    </Island>
+);