opendesk

1<template>
2  <div v-if="isEmoji(icon)" v-bind="$attrs">
3    {{ icon }}
4  </div>
5  <SpriteIcon
6    v-else-if="typeof icon == 'string'"
7    :name="icon.replace('lucide-', '')"
8    v-bind="$attrs"
9  />
10  <component v-else :is="icon" v-bind="$attrs" />
11</template>
12<script setup>
13import { isEmoji } from "./utils";
14// Sprite, not a `lucide-*` class: these names come from stored view icons, and
15// Tailwind only emits CSS for class names it can see in source.
16import { Icon as SpriteIcon } from "frappe-ui/experimental";
17
18const props = defineProps({
19  icon: {
20    type: [String, Object],
21    required: true,
22  },
23});
24</script>
25