import{a as f,c as u}from"./colors.js";import{o as h,h as g,w as v,a as o,d as _,t as b,j as y,T as x,_ as S,Q as r}from"./index.js";const $={class:"info-tooltip"},T={class:"info-tooltip__content"},I={class:"info-tooltip__content-slot"};function m(e,c,s,a,i,t){return h(),g(x,{name:"tooltip-appear",appear:""},{default:v(()=>[o("div",$,[o("div",{class:"info-tooltip__header",style:_(a.headerStyles)},b(s.title),5),o("div",{class:"info-tooltip__light",style:_(a.lightStyles)},null,4),o("div",T,[o("div",I,[y(e.$slots,"default",{},void 0,!0)])])])]),_:3})}const d="#097FE8",p={LIGHT:"#EEEEE6",DARK:"#010106"},E={props:{title:{type:String,default:""},colorHex:{type:String,default:d}},setup(e){const c=r(()=>e.colorHex??d),s=r(()=>f(c.value)),a=r(()=>{const{r:t,g:n,b:l}=s.value;return{background:e.colorHex,boxShadow:`0 2.22vh 3.89vh 0 rgba(238, 238, 230, 0.40) inset, 0 0.65vh 7.59vh 0 rgba(${t}, ${n}, ${l}, 0.60)`,color:u(c.value)?p.DARK:p.LIGHT}}),i=r(()=>{const{r:t,g:n,b:l}=s.value;return{background:`linear-gradient(180deg, rgba(${t}, ${n}, ${l}, 0.60) -46.3%, rgba(${t}, ${n}, ${l}, 0.00) 80.25%)`}});return{headerStyles:a,lightStyles:i}}},R=S(E,[["render",m],["__scopeId","data-v-8bcebff4"]]);export{R as I};
