<template>
  <div :class="ui.base({ class: [props.ui?.base, props.class] })">
    <slot />
  </div>
</template>

<script>
import theme from "#build/cms/prose/uplora-image-gallery";
import { useAppConfig } from "#imports";
import { computed } from "vue";
import { tv } from "../../tv";
</script>

<script setup>
const props = defineProps({
  layout: { type: String, required: true },
  class: { type: null, required: false },
  ui: { type: null, required: false }
});
const appConfig = useAppConfig();
const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.prose?.uploraImageGallery || {} })({
  layout: props.layout
}));
</script>
