packages/components/containers/overview/LinkItem.tsx

   1 import { Link } from 'react-router-dom';
   2
   3 import { c } from 'ttag';
   4
   5 import Icon from '@proton/components/components/icon/Icon';
   6 import Tooltip from '@proton/components/components/tooltip/Tooltip';
   7
   8 interface Props {
   9     to: string;
  10     text?: string;
  11     available?: boolean;
  12 }
  13 const LinkItem = ({ to, text, available }: Props) => {
  14     return (
  15         <Link to={to}>
  16             <span className="mr-2">{text}</span>
  17             {available ? null : (
  18                 <Tooltip title={c('Tag').t`Premium feature`}>
  19                     <Icon name="star-filled" className="color-warning" />
  20                 </Tooltip>
  21             )}
  22         </Link>
  23     );
  24 };
  25
  26 export default LinkItem;