<template>
  <up-popup
    :customStyle="{}"
    :overlayStyle="{}"
    :show="props.show"
    @close="onClose"
    mode="bottom"
    :round="props?.round || 20"
    :closeable="props?.closeable"
    :bgColor="props?.bgColor || 'transparent'"
    :safeAreaInsetBottom="props?.safeAreaInsetBottom || false"
  >
    <view class="bind_house_popup">
      <view class="bind_title"> {{ props?.title || '消息通知' }} </view>
      <slot></slot>
    </view>
  </up-popup>
</template>

<script setup lang="ts">
const props = defineProps([
  'show',
  'mode',
  'insetBottom',
  'safeAreaInsetBottom',
  'round',
  'closeable',
  'bgColor',
  'title'
])
const emit = defineEmits(['close'])

const onClose = () => {
  emit('close')
}
</script>

<style lang="scss" scoped>
.bind_house_popup {
  // background: linear-gradient(180deg, #d9e7ff 0%, #fdfeff 26%, #f8f8f8 47%);
  background-color: #fff;
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
  min-height: 300rpx;
  position: relative;
  color: #333333;
  .bind_title {
    font-size: 36rpx;
    font-weight: 600;
    text-align: center;
    padding: 23rpx 0;
  }
}
</style>
