<template>
  <pkt-messagebox :skin="skin" :title="title" :compact="compact" :closable="closable">
    <slot />
  </pkt-messagebox>
</template>

<script>
import '@oslokommune/punkt-elements/dist/pkt-messagebox'
export default {
  name: 'PktMessagebox',
  props: {
    skin: {
      type: String,
      default: 'beige',
      validator(value) {
        return ['beige', 'green', 'red', 'blue'].includes(value)
      },
    },

    title: {
      type: String,
      default: '',
    },
    compact: {
      type: Boolean,
      default: false,
    },
    closable: {
      type: Boolean,
      default: false,
    },
  },
}
</script>
