@while-and-for/tremor-react/dist/components/text-elements/Legend/Legend.cjs

The React library to build dashboards faster.

"use strict";var e=require("tslib"),t=require("react"),r=require("../../../lib/sizing.cjs"),a=require("../../../lib/spacing.cjs"),l=require("../../../lib/theme.cjs"),o=require("../../../lib/utils.cjs"),s=require("../../../lib/tremorTwMerge.cjs");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=c(t);const i=o.makeClassName("Legend"),m=({name:e,color:t})=>n.default.createElement("li",{className:s.tremorTwMerge(i("legendItem"),"inline-flex items-center truncate","text-tremor-content","dark:text-dark-tremor-content",a.spacing.md.marginRight)},n.default.createElement("svg",{className:s.tremorTwMerge("flex-none",o.getColorClassNames(t,l.colorPalette.text).textColor,r.sizing.xs.height,r.sizing.xs.width,a.spacing.xs.marginRight),fill:"currentColor",viewBox:"0 0 8 8"},n.default.createElement("circle",{cx:4,cy:4,r:4})),n.default.createElement("p",{className:s.tremorTwMerge("whitespace-nowrap truncate text-tremor-default","text-tremor-content","dark:text-dark-tremor-content")},e)),u=n.default.forwardRef(((t,r)=>{const{categories:a,colors:o=l.themeColorRange,className:c}=t,u=e.__rest(t,["categories","colors","className"]);return n.default.createElement("ol",Object.assign({ref:r,className:s.tremorTwMerge(i("root"),"flex flex-wrap overflow-hidden truncate",c)},u),a.map(((e,t)=>n.default.createElement(m,{key:`item-${t}`,name:e,color:o[t]}))))}));u.displayName="Legend",module.exports=u;