import{j as s}from"./ui-vendor-CJlQk0Tq.js";import{N as e}from"./index-BzXujQ-F.js";import{g as r}from"./utils-DkAQToF3.js";import{f as o}from"./formatters-DWbJRyOv.js";const t=({color:t,name:a,colorName:l,label:m,className:i})=>{const d=a||l||m||t,n=r(t)||"#777777";return s.jsxs("div",{className:e("flex flex-col items-center gap-1.5",i),children:[s.jsx("div",{className:"w-8 h-8 rounded-full border-2 border-gray-200 shadow-sm hover:shadow-md transition-shadow",style:{backgroundColor:n},title:`${d}: ${t}`}),s.jsx("span",{className:"text-xs text-gray-600 text-center font-medium leading-tight",children:o(d)})]})};export{t as C};