<script setup>
import { computed } from "vue";
import ShwfedActions from "../../../../actions/components/group.vue";
defineOptions({ name: "ShwfedActionsFieldRuntime" });
const props = defineProps({
  fieldId: { type: String, required: true },
  config: { type: null, required: true }
});
const actionsConfig = computed(() => ({
  kind: "shwfed.component.action",
  size: "default",
  gap: props.config.gap,
  style: props.config.style,
  groups: props.config.groups.map((group) => ({
    ...group,
    variant: group.variant ?? "default"
  })),
  items: props.config.items
}));
</script>

<template>
  <ShwfedActions
    :config="actionsConfig"
  />
</template>
