import { Identicon, QRCode } from 'components/ui'; import React from 'react'; import ethLogo from 'assets/images/logo-ethereum-1.png'; import notesBg from 'assets/images/notes-bg.png'; import sidebarImg from 'assets/images/print-sidebar.png'; const walletWidth = 680; const walletHeight = 280; const styles: any = { container: { position: 'relative', margin: '0 auto', width: `${walletWidth}px`, height: `${walletHeight}px`, border: '1px solid #163151', userSelect: 'none', cursor: 'default' }, // Images sidebar: { float: 'left', height: '100%', width: 'auto' }, ethLogo: { position: 'absolute', left: '86px', height: '100%', width: 'auto', zIndex: '-1' }, // Blocks / QR Codes block: { position: 'relative', float: 'left', width: '27.5%', padding: '20px' }, blockText: { position: 'absolute', top: '50%', left: '100%', width: '100%', margin: 0, transform: 'translate(-50%, -50%) rotate(-90deg)', fontSize: '13px', fontWeight: '600', color: '#0b7290', textAlign: 'center', textTransform: 'uppercase', letterSpacing: '1px' }, // Address / private key info infoContainer: { float: 'left', width: '85%', padding: '0 20px' }, infoText: { margin: '0 0 8px', textAlign: 'left', fontSize: '14px', fontFamily: 'Menlo, Monaco, Consolas, "Courier New", monospace', fontWeight: 300 }, infoLabel: { fontWeight: 600 }, identiconContainer: { position: 'absolute', right: '15px', bottom: '45px' }, identiconText: { float: 'left', width: '130px', padding: '0 5px', margin: '12px 0 0', fontSize: '9px', textAlign: 'center' }, box: { width: 150, height: 150 } }; interface Props { address: string; privateKey: string; } export default class PaperWallet extends React.Component { public render() { const { privateKey, address } = this.props; return (

YOUR ADDRESS

AMOUNT / NOTES

YOUR PRIVATE KEY

Your Address:
{address}

Your Private Key:
{privateKey}

Always look for this icon when sending to this wallet

); } }