mirror of
https://github.com/Unleash/unleash.git
synced 2025-01-06 00:07:44 +01:00
28 lines
722 B
TypeScript
28 lines
722 B
TypeScript
|
import { Tooltip } from '@material-ui/core';
|
||
|
|
import { Info } from '@material-ui/icons';
|
||
|
|
import { useStyles } from 'component/common/HelpIcon/HelpIcon.styles';
|
||
|
|
import React from 'react';
|
||
|
|
|
||
|
|
interface IHelpIconProps {
|
||
|
|
tooltip: string;
|
||
|
|
style?: React.CSSProperties;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const HelpIcon = ({ tooltip, style }: IHelpIconProps) => {
|
||
|
|
const styles = useStyles();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Tooltip title={tooltip} arrow>
|
||
|
|
<span
|
||
|
|
className={styles.container}
|
||
|
|
style={style}
|
||
|
|
tabIndex={0}
|
||
|
|
role="tooltip"
|
||
|
|
aria-label="Help"
|
||
|
|
>
|
||
|
|
<Info className={styles.icon} />
|
||
|
|
</span>
|
||
|
|
</Tooltip>
|
||
|
|
);
|
||
|
|
};
|