aboutsummaryrefslogblamecommitdiffstats
path: root/packages/website/ts/components/ui/help_tooltip.tsx
blob: 831d888f57e593ed21fcbbbe22a4d94996e6317e (plain) (tree)
1
2
3
4
5
6
7
8
9
10
11
                               
                                         








                                                         
                                      




                                        
                                                                     



                                             
import * as React from 'react';
import ReactTooltip from 'react-tooltip';

interface HelpTooltipProps {
    style?: React.CSSProperties;
    explanation: React.ReactNode;
}

export const HelpTooltip = (props: HelpTooltipProps) => {
    return (
        <div
            style={{ ...props.style }}
            className="inline-block"
            data-tip={props.explanation}
            data-for="helpTooltip"
            data-multiline={true}
        >
            <i style={{ fontSize: 16 }} className="zmdi zmdi-help" />
            <ReactTooltip id="helpTooltip" />
        </div>
    );
};