<template>
    <div class="app-block" :style="styles">
        <div class="app-block__wrapper">
            <slot></slot>
        </div>
    </div>
</template>

<script lang="ts" setup>
import { computed } from 'vue'

const props = defineProps({
    padding: {
        type: Number,
        default: 10
    },
})

const styles = computed(() => ({
    '--padding': props.padding + 'px'
}))
</script>

<style lang="less">
@import './index.less';
</style>