<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../iron-icon/iron-icon.html">
<link rel="import" href="../paper-styles/paper-styles.html">

<dom-module id="paper-alert-dialog-icon-header">

	<style>
		:host {
			display: block;
			text-align: center;
			margin-bottom: 40px;
			@apply(--paper-font-display1);
		}

		.icon {
			color: var(--paper-green-500);
			--iron-icon-width: 64px;
			--iron-icon-height: 64px;
		}
	</style>

	<template>
		<iron-icon icon=[[icon]] class='icon'></iron-icon>
		<div><content></content></div>
	</template>

</dom-module>

<script>

(function() {

	Polymer({
		is: 'paper-alert-dialog-icon-header',
		properties: {
			icon: String
		}
	});

})();

</script>

Add header element with an icon
Add header element with an icon