/ src / components / infoTooltips / SpkAirdropTooltip.tsx
SpkAirdropTooltip.tsx
 1  import { Trans } from '@lingui/macro';
 2  
 3  import { Link } from '../primitives/Link';
 4  import { TextWithTooltip } from '../TextWithTooltip';
 5  
 6  export const SpkAirdropTooltip = () => {
 7    return (
 8      <TextWithTooltip
 9        wrapperProps={{ ml: 2 }}
10        color="warning.main"
11        iconSize={20}
12        icon={<image href="/icons/other/spark.svg" width={25} height={25} />}
13      >
14        <>
15          <Trans>
16            {`This asset is eligible for SPK incentive program. Aave Labs does not
17            guarantee the program and accepts no liability.\n`}
18          </Trans>
19          <br />
20          <br />
21          <Trans>{'Learn more about the SPK rewards'}</Trans>{' '}
22          <Link
23            href="https://forum.sky.money/t/spark-proposal-for-integrations-into-aave/25005"
24            sx={{ textDecoration: 'underline' }}
25            variant="caption"
26            color="text.secondary"
27          >
28            {'here'}
29          </Link>{' '}
30          <Trans>{'and about SPK program'}</Trans>{' '}
31          <Link
32            href="https://docs.spark.fi/rewards/spk-token#what-is-the-spk-pre-farming-airdrop"
33            sx={{ textDecoration: 'underline' }}
34            variant="caption"
35            color="text.secondary"
36          >
37            {'here'}
38          </Link>
39          {'.'}
40        </>
41      </TextWithTooltip>
42    );
43  };