/**
 * Text (p Element) with Tooltip
 */
import * as React from "react";

export interface IParagraphWithTooltipProps {
  style?: any;
  content: JSX.Element;
  tooltip: string | React.ReactElement | JSX.Element;
}

export class ParagraphWithTooltip extends React.Component<
  IParagraphWithTooltipProps,
  any
> {
  render(): React.ReactNode {
    return (
      <div className={"tooltip"} style={this.props.style}>
        <p>{this.props.content}</p>
        <span className={"tooltiptext"}>{this.props.tooltip}</span>
      </div>
    );
  }
}