<template>
  <n-collapse-item :name="name" :title="name" class="datas">
    <template #header>
      <div f n-c style="padding: 10px; height: calc(100% - 10px); display: flex; gap: 20px">
        <label style="font-weight: 700">{{ name }}</label>
      </div>
    </template>
    <div></div>
  </n-collapse-item>
</template>
<script lang="ts" setup>
const props = defineProps({
  name: {
    type: String,
    required: true,
  },
});
</script>
<style lang="scss" scoped>
@mixin method-style($color) {
  background: rgba($color, 0.1);
  border-radius: 3px;
  border: 1px solid $color !important;
  --color: #{$color};
}

.datas {
  @include method-style(#4182b8);
}
</style>
