mirror of
https://github.com/PhaseII-eAmusement-Network/PhaseWeb3-Vue.git
synced 2026-03-21 17:54:26 -05:00
46 lines
689 B
Vue
46 lines
689 B
Vue
<script setup>
|
|
import { computed } from "vue";
|
|
import BaseIcon from "@/components/BaseIcon.vue";
|
|
|
|
const props = defineProps({
|
|
icon: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
iconColor: {
|
|
type: String,
|
|
default: "",
|
|
},
|
|
color: {
|
|
type: String,
|
|
default: null,
|
|
},
|
|
w: {
|
|
type: String,
|
|
default: "w-12",
|
|
},
|
|
h: {
|
|
type: String,
|
|
default: "h-12",
|
|
},
|
|
bgColor: {
|
|
type: String,
|
|
default: "bg-slate-900",
|
|
},
|
|
});
|
|
|
|
const spanColor = computed(() => props.iconColor);
|
|
</script>
|
|
|
|
<template>
|
|
<BaseIcon
|
|
:icon="icon"
|
|
:w="w"
|
|
:h="h"
|
|
:color="spanColor"
|
|
size="24"
|
|
class="rounded-full"
|
|
:class="props.bgColor"
|
|
/>
|
|
</template>
|