blob: 3ab18b0117460c8b5b6c283331e28e1005b0d24f (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
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>
);
|