26 lines
664 B
Vue
26 lines
664 B
Vue
<script setup lang="ts">
|
|
import type { PageDataResourceGroup } from '#layers/types/api/pageData'
|
|
|
|
const props = defineProps<{
|
|
groupsData: PageDataResourceGroup[]
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
v-if="props.groupsData"
|
|
class="flex flex-wrap justify-center gap-3 sm:gap-4"
|
|
>
|
|
<AtomsButton
|
|
v-for="button in props.groupsData"
|
|
:key="button.group_code"
|
|
class="size-extra-small md:size-medium"
|
|
:background-color="button.btn_info?.color_code_btn"
|
|
:text-color="button.btn_info?.color_code_txt"
|
|
:disabled="button.btn_info?.disabled"
|
|
>
|
|
{{ button.btn_info?.txt_btn_name }}
|
|
</AtomsButton>
|
|
</div>
|
|
</template>
|