Skip to content

Instantly share code, notes, and snippets.

@yusupova
Created February 5, 2019 11:14
Show Gist options
  • Select an option

  • Save yusupova/094e334613ce02a739ecbfb203badbac to your computer and use it in GitHub Desktop.

Select an option

Save yusupova/094e334613ce02a739ecbfb203badbac to your computer and use it in GitHub Desktop.
Upgarde modal component
import React from 'react'
import Modal from 'components/common/Modal/Modal'
import Button from 'components/common/Button/Button'
import './UpgradeModal.css'
const UpgradeModal = ({onButtonClick, ...props}) => {
return(
<Modal className='UpgradeModal' {...props}>
<div className='content main-bg-theme'>
<div className='images'>
<div className='img couple1'/>
<div className='img couple2'/>
<div className='img woman1'/>
<div className='img couple3'/>
</div>
<h3 className='title'>Upgrade your account</h3>
<p>You need a premium account in order to gain access to our full reports</p>
<Button theme='accent' className='b-shadow' onClick={onButtonClick}>
Upgrade now
</Button>
</div>
</Modal>
)
}
export default UpgradeModal
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment