<template>
	<md-snackbar :md-position="position" :md-duration="isInfinity ? Infinity : duration" :md-active.sync="showSnackbar" md-persistent>
      <span>{{messages}}</span>
      <!-- <md-button class="md-primary" @click="showSnackbar = false">Retry</md-button> -->
    </md-snackbar>
</template>

<script>
	import {
		postApi,
		getApi
	} from "../../../api/commonApi"
	export default {
		name: "messagealert",
		props:{
			messages: {

			}

		},
		data() {
			return {
				 showSnackbar: false,
				position: 'center',
				duration: 2000,
				isInfinity: false
			}
		},
		components: {

		},
		watch: {

		},
		computed: {

		},
		mounted() {},
		created() {},
		methods: {
		open(){
			this.showSnackbar=true
		}

		}
	}
</script>

<style scoped>
	@import 'messagealert.css';
</style>
