packages/instant/src/components/install_wallet_panel_content.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import * as React from 'react';

import { ColorOption } from '../style/theme';

import { MetaMaskLogo } from './meta_mask_logo';
import { StandardPanelContent } from './standard_panel_content';
import { Button } from './ui/button';

export interface InstallWalletPanelContentProps {}

export const InstallWalletPanelContent: React.StatelessComponent<InstallWalletPanelContentProps> = () => (
    <StandardPanelContent
        image={<MetaMaskLogo width={85} height={80} />}
        title="Install MetaMask"
        description="Please install the MetaMask wallet extension from the Chrome Store."
        action={
            <Button width="100%" fontSize="16px" fontColor={ColorOption.white} backgroundColor={ColorOption.darkOrange}>
                Get Chrome Extension
            </Button>
        }
    />
);