<template>
    <div class="w-full mb-2 relative rounded-sm shadow-sm md:w-1/2 lg:p-0 lg:mb-0 lg:w-auto"
         :class="[classList]"
    >
        <slot></slot>
    </div>
</template>

<script>
export default {
    props : {
        firstChild : {
            default : false,
        },
    },
    computed : {
        classList() {
            return this.firstChild ? 'md:pr-1' : 'md:pl-1 lg:ml-2';
        },
    },
}
</script>
