@inherits GeneralNotificationModalBase

<Modal @ref="ModalReference">
	<ModalBackdrop />
	<ModalContent>
		<ModalBody>
			<p>@NotificationSettings.Text</p>
		</ModalBody>
		<ModalFooter>
			<div class="level fullwidth">
				@switch (NotificationSettings.PopupType)
				{
					case PopupType.Ok:
						<div class="level-right">
							<div class="level-item">
								<Blazorise.Bulma.Button Clicked="Ok" Class="is-rounded neoBtnSmall is-small has-text-dark">
									<span class="icon is-small has-text-success">
										<i class="mdi mdi-check"></i>
									</span>
									<span>Ok</span>
								</Blazorise.Bulma.Button>
							</div>
						</div>
						break;
					case PopupType.OkCancel:
						<div class="level-left">
							<div class="level-item">
								<Blazorise.Bulma.Button Clicked="Cancel" Class="is-rounded neoBtnSmall is-small has-text-dark">
									<span class="icon is-small">
										<i class="mdi mdi-close"></i>
									</span>
									<span>Cancel</span>
								</Blazorise.Bulma.Button>
							</div>
						</div>
						<div class="level-right">
							<div class="level-item">
								<Blazorise.Bulma.Button Clicked="Ok" Class="is-rounded neoBtnSmall is-small has-text-dark" Type="ButtonType.Submit">
									<span class="icon is-small has-text-success">
										<i class="mdi mdi-check"></i>
									</span>
									<span>Ok</span>
								</Blazorise.Bulma.Button>
							</div>
						</div>
						break;
					case PopupType.YesNo:
						<div class="level-left">
							<div class="level-item">
								<Blazorise.Bulma.Button Clicked="No" Class="is-rounded neoBtnSmall is-small has-text-dark">
									<span class="icon is-small has-text-danger">
										<i class="mdi mdi-close"></i>
									</span>
									<span>No</span>
								</Blazorise.Bulma.Button>
							</div>
						</div>
						<div class="level-right">
							<div class="level-item">
								<Blazorise.Bulma.Button Clicked="Yes" Class="is-rounded neoBtnSmall is-small has-text-dark" Type="ButtonType.Submit">
									<span class="icon is-small has-text-success">
										<i class="mdi mdi-check"></i>
									</span>
									<span>Yes</span>
								</Blazorise.Bulma.Button>
							</div>
						</div>
						break;
					case PopupType.YesNoCancel:
						<div class="level-left">
							<div class="level-item">
								<Blazorise.Bulma.Button Clicked="Cancel" Class="is-rounded neoBtnSmall is-small has-text-dark">
									<span class="icon is-small">
										<i class="mdi mdi-close"></i>
									</span>
									<span>Cancel</span>
								</Blazorise.Bulma.Button>
							</div>
						</div>
						<div class="level-right">
							<div class="level-item">
								<Blazorise.Bulma.Button Clicked="No" Class="is-rounded neoBtnSmall is-small has-text-dark">
									<span class="icon is-small has-text-danger">
										<i class="mdi mdi-close"></i>
									</span>
									<span>No</span>
								</Blazorise.Bulma.Button>
							</div>
							<div class="level-item">
								<Blazorise.Bulma.Button Clicked="Yes" Class="is-rounded neoBtnSmall is-small has-text-dark" Type="ButtonType.Submit">
									<span class="icon is-small has-text-success">
										<i class="mdi mdi-check"></i>
									</span>
									<span>Yes</span>
								</Blazorise.Bulma.Button>
							</div>
						</div>
						break;
					default:
						break;
				}
			</div>
		</ModalFooter>
	</ModalContent>
</Modal>