<template>
  <span v-if="text" :class="getModifiersClass('o-chip', modifiers)">{{ text }}</span>
</template>

<script setup lang="ts">
import type { ModifierItems } from './chip.config';
import useComponentModifiers from '../../composable/useComponentModifiers';

defineProps<{
  text: string;
  modifiers?: ModifierItems;
}>();

const { getModifiersClass } = useComponentModifiers();
</script>
