All files / app/components/testnet exchange-withdrawal-warning.tsx

0% Statements 0/5
100% Branches 0/0
0% Functions 0/1
0% Lines 0/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32                                                               
import { ExclamationMarkCircleIcon, Flex, Text, FlexProps, color } from '@stacks/ui';
import React, { FC } from 'react';
 
export const ExchangeWithdrawalWarning: FC<FlexProps> = props => {
  return (
    <Flex
      backgroundColor={color('bg-4')} // TODO: when new colors exist in stacks-ui, update this
      width="100%"
      borderRadius="6px"
      border="1px solid"
      borderColor={color('feedback-error')}
      padding="base"
      mt="tight"
      pr="base-loose"
      {...props}
    >
      <ExclamationMarkCircleIcon
        color={color('feedback-error')}
        width="16px"
        height="16px"
        minWidth="16px"
        mr="tight"
        mt="1px"
      />
      <Text textStyle="body.small">
        <strong>DO NOT withdraw</strong> from cryptocurrency exchanges, such as Binance, to this
        wallet. <br /> This wallet is for <strong>testnet STX only</strong>.
      </Text>
    </Flex>
  );
};