<template>
  <FlexView v-bind="props" :innerStyle="{
    breakInside: 'avoid',
    pageBreakInside: 'avoid', /* For older browsers */
    ...(innerStyle || {}),
  }">
    <slot />
  </FlexView>
</template>

<script setup lang="ts">
import FlexView, { type FlexProps } from '../FlexView.vue';

export interface MasonryGridItemProps extends FlexProps {
}

const props = withDefaults(defineProps<MasonryGridItemProps>(), {
});

</script>