<script setup lang="ts">
import { ralClassicPallette } from '@/components/ral'

const props = defineProps(['color', 'cb'])

</script>
<template>
    <template v-for="col in ralClassicPallette">
        <div class="color size-5" :class="[{ 'outline outline-primary': props.color == col.hex }]"
            :style="[{ backgroundColor: col.hex }]" @click="props.cb(col.code)">
        </div>
    </template>
</template>