<template>
  <view
      class="modal"
      :class="[animateClass]"
      :hidden="!actualValue"
      :style="{
        'pointer-events':pointerEvents?'none':'',
        transition: duration+'ms ' +animateType,
        'background-color': transparent?'transparent':background
      }"
  >
    <view
        class="modal-content"
        :class="[animateContentClass]"
        :style="{
          'transition':(contentDuration || duration)+'ms '+(animateContentType || animateType),
        }"
    >
      <slot></slot>
    </view>
  </view>
</template>

<script>
import mixins from './mixins/index';
import props from "./props";
export default {
  name: "modal",
  mixins,
  props
}
</script>

<style scoped lang="scss" src="./style.scss"></style>