<script setup lang="ts">
import BackgroundBox from '@/components/display/block/BackgroundBox.vue';
import type { FlexProps } from '@/components/layout/FlexView.vue';

const props = defineProps<FlexProps>();

</script>

<template>
  <BackgroundBox
    v-bind="props"
    backgroundImage="https://xy.wenlvti.net/app_static/images/village/BoxMid.png"
    :backgroundCutBorder="32"
    :backgroundCutBorderSize="36"
    :padding="32"
  >
    <slot />
  </BackgroundBox>
</template>