<script setup>
    import { ref } from 'vue';
    const value = ref('#00C16A')
</script>

<template>
    <div class="p-4 rounded-lg border">
        <div class="border p-2 text-center mb-4">
            Current selected color: <br> <div class="size-4 inline-block translate-y-[2px]" :style="{ backgroundColor: value }"></div> {{ value }}
        </div>
        <UColorPicker v-model="value" />
    </div>
</template>