Edit components nayarahilton#1

src/components/AlertMessage.vue

@@ -23,7 +23,8 @@ export default {
 	computed: {
 		alertStyle() {
 			if (this.design === 'main' || !this.design) return 'alert--main';
-			if (this.design === 'danger') return 'alert--center';
+			if (this.design === 'danger') return 'alert--danger';
+			if (this.design === 'success') return 'alert--success';
 		},
 	},
 };
@@ -47,11 +48,12 @@ export default {
 		&--danger
 			color red
 
-        &--sucess
+        &--success
             color green
 
 		&__text
 			font-size 12pt
 			font-weight 300
 			margin 0
+			text-align center
 </style>

src/components/FeedbackMessage.vue

@@ -0,0 +1,40 @@
+<template>
+	<div
+		class="feedback"
+	>	
+		<span class="feedback__text">
+			{{ msgText }}
+		</span>
+	</div>
+</template>
+
+<script>
+export default {
+	props: {
+		msgText: {
+			required: true,
+			type: String,
+		},		
+	},
+};
+</script>
+
+<style lang="stylus" scoped>
+	@import '../assets/styles/_colors'
+
+	*
+		box-sizing border-box
+
+	.feedback
+		background transparent
+		margin-bottom 20px
+		padding 15px
+		width 100%
+
+		&__text
+            color red
+			font-size 12pt
+			font-weight 300
+			margin 0
+            text-align center
+</style>