import React from 'react' ; import styled from 'styled-components' ; import Button from '../../Button' ; import Card from '../../Card' ; import CardContent from '../../CardContent' ; import CardIcon from '../../CardIcon' ; import CardTitle from '../../CardTitle' ; import Spacer from '../../Spacer' ; interface WalletCardProps { icon : React . ReactNode ; onConnect : ( ) => void ; title : string ; } const WalletCard = ( { icon , onConnect , title } ) => ( < Card flat > < CardContent > < CardIcon > { icon } < /CardIcon> < CardTitle text = { title } / > < Spacer /> < Button variant = { 'secondary' } border onClick = { onConnect } text = "Connect" / > < /CardContent> < /Card>); export default WalletCard ;