diff options
Diffstat (limited to 'packages/instant/src/components/wallet_prompt.tsx')
-rw-r--r-- | packages/instant/src/components/wallet_prompt.tsx | 49 |
1 files changed, 0 insertions, 49 deletions
diff --git a/packages/instant/src/components/wallet_prompt.tsx b/packages/instant/src/components/wallet_prompt.tsx deleted file mode 100644 index 10433767f..000000000 --- a/packages/instant/src/components/wallet_prompt.tsx +++ /dev/null @@ -1,49 +0,0 @@ -import * as React from 'react'; - -import { ColorOption } from '../style/theme'; - -import { Container } from './ui/container'; -import { Flex } from './ui/flex'; -import { Text } from './ui/text'; - -export interface WalletPromptProps { - image: React.ReactNode; - onClick?: () => void; - primaryColor: ColorOption; - secondaryColor: ColorOption; -} - -export const WalletPrompt: React.StatelessComponent<WalletPromptProps> = ({ - onClick, - image, - children, - secondaryColor, - primaryColor, -}) => ( - <Container - padding="10px" - border={`1px solid ${primaryColor}`} - backgroundColor={secondaryColor} - width="100%" - borderRadius="4px" - onClick={onClick} - cursor={onClick ? 'pointer' : undefined} - boxShadowOnHover={!!onClick} - > - <Flex> - {image} - <Container marginLeft="10px"> - <Text fontSize="16px" fontColor={primaryColor} fontWeight="500"> - {children} - </Text> - </Container> - </Flex> - </Container> -); - -WalletPrompt.defaultProps = { - primaryColor: ColorOption.darkOrange, - secondaryColor: ColorOption.lightOrange, -}; - -WalletPrompt.displayName = 'WalletPrompt'; |