20 lines
480 B
TypeScript
20 lines
480 B
TypeScript
|
import React from "react";
|
||
|
|
import { Tooltip } from "@patternfly/react-core";
|
||
|
|
import { HelpIcon } from "@patternfly/react-icons";
|
||
|
|
import { useTranslation } from "react-i18next";
|
||
|
|
|
||
|
|
type HelpItemProps = {
|
||
|
|
item: string;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const HelpItem = ({ item }: HelpItemProps) => {
|
||
|
|
const { t } = useTranslation();
|
||
|
|
return (
|
||
|
|
<Tooltip position="right" content={t(`help:${item}`)}>
|
||
|
|
<span id={item} data-testid={item}>
|
||
|
|
<HelpIcon />
|
||
|
|
</span>
|
||
|
|
</Tooltip>
|
||
|
|
);
|
||
|
|
};
|