<template>
  <div class="text-center" style="padding: 250px 16px 16px">
    <q-icon :name="icon" size="104px" color="blue-grey-2" />
    <div class="q-mt-lg text-h2">{{ text }}</div>
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'
import { QIcon } from 'quasar'

@Component({
  components: { QIcon },
  inheritAttrs: false,
})
export default class UiNotificationState extends Vue {
  @Prop(String) icon!: string
  @Prop(String) text!: string
}
</script>
