"use strict";var e=require("react"),t=require("../../../hooks/useOnWindowResize.cjs"),r=require("../../text-elements/Legend/Legend.cjs");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(e);module.exports=({payload:u},l,n)=>{const s=e.useRef(null);return t((()=>{var e;var t;n((t=null===(e=s.current)||void 0===e?void 0:e.clientHeight)?Number(t)+20:60)})),a.default.createElement("div",{ref:s,className:"flex items-center justify-end"},a.default.createElement(r,{categories:u.map((e=>e.value)),colors:u.map((e=>l.get(e.value)))}))};
