2018-03-16 19:22:19 +01:00
|
|
|
import React from 'react';
|
|
|
|
import { Modal } from 'modal/modal';
|
|
|
|
import Link from 'component/link/index';
|
|
|
|
|
|
|
|
const ModalFirstSubscription = props => {
|
|
|
|
const { closeModal } = props;
|
|
|
|
|
|
|
|
return (
|
|
|
|
<Modal type="custom" isOpen contentLabel="Your first subscription!">
|
|
|
|
<section>
|
|
|
|
<h3 className="modal__header">{__('Your first subscription!')}</h3>
|
|
|
|
<p>
|
2018-03-16 19:26:44 +01:00
|
|
|
{__(
|
|
|
|
'When you subscribe to a channel, you will automatically download, and be notified of, all of its new content.'
|
|
|
|
)}
|
2018-03-16 19:22:19 +01:00
|
|
|
</p>
|
|
|
|
<div className="modal__buttons">
|
2018-03-16 19:26:44 +01:00
|
|
|
<Link button="primary" onClick={closeModal} label={__('Got it')} />
|
2018-03-16 19:22:19 +01:00
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</Modal>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default ModalFirstSubscription;
|