'use strict';
var React = require('react');

var About = React.createClass({
    render: function () {
        return (
            <div>
                <h1>DAVIDS <small>DuplicAtes VIewer and Detector for Spotify</small></h1>
                <h2>About</h2>
                <p>
                    This application allows you to find duplicates in your Spotify playlists.
                    At the moment, it does not offer to remove them for you.
                </p>
                <p>
                    The app requests access to :
                </p>
                <ul>
                    <li><strong>Your public information.</strong> We don't need this but it's here by default and we
                        can't remove it. We don't have access to your email address and we don't store any information
                        about you. We won't spam you.
                    </li>
                    <li><strong>Your private and collaborative playlists (read only).</strong> We need this to provide
                        the service on all of your playlists. Don't worry, we can't modify them and we don't store any
                        information about it.
                    </li>
                </ul>
            </div>
        );
    }
});

module.exports = About;