<template>
  <q-td :props="props.tdProps" :class="props.inClass">
    <q-icon :name="props.name" :color="props.color" :size="props.size" />
  </q-td>
</template>

<script setup lang="ts">
const props = defineProps({
  tdProps: { type: Object },
  name: { type: String, required: true },
  color: String,
  inClass: String,
  size: {
    type: String,
    validator: (v: string) => ['xs', 'sm', 'md', 'lg', 'xl'].includes(v),
  },
});
</script>
