( function ( M ) {
	var
		mobile = M.require( 'mobile.startup' ),
		mfExtend = mobile.mfExtend,
		View = mobile.View,
		IssueNotice = require( './IssueNotice.js' );

	/**
	 * IssueList
	 * @class IssueList
	 * @extends View
	 *
	 * @param {IssueSummary} issues
	 */
	function IssueList( issues ) {
		this.issues = issues;
		View.call( this, { className: 'cleanup' } );
	}

	mfExtend( IssueList, View, {
		tagName: 'ul',
		postRender: function () {
			View.prototype.postRender.apply( this, arguments );
			this.append(
				this.issues.map( function ( issue ) {
					return new IssueNotice( issue ).$el;
				} )
			);
		}
	} );

	module.exports = IssueList;

// eslint-disable-next-line no-restricted-properties
}( mw.mobileFrontend ) );