@while-and-for/tremor-react/dist/components/vis-elements/Tracker/Tracker.cjs

The React library to build dashboards faster.

'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("../../../lib/spacing.cjs"),l=require("../../../lib/theme.cjs"),a=require("../../../lib/utils.cjs"),o=require("../../../lib/tremorTwMerge.cjs"),s=require("../../util-elements/Tooltip/Tooltip.cjs");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=c(r);const u=a.makeClassName("Tracker"),n=i.default.forwardRef(((r,t)=>{const{color:c,tooltip:n}=r,f=e.__rest(r,["color","tooltip"]),{tooltipProps:m,getReferenceProps:d}=s.useTooltip();return i.default.createElement("div",Object.assign({ref:a.mergeRefs([t,m.refs.setReference]),className:o.tremorTwMerge(u("trackingBlock"),"w-full h-full rounded-tremor-small",a.getColorClassNames(null!=c?c:"gray",l.colorPalette.background).bgColor)},f,d),i.default.createElement(s.default,Object.assign({text:n},m)))}));n.displayName="TrackerBlock";const f=i.default.forwardRef(((r,l)=>{const{data:a=[],className:s}=r,c=e.__rest(r,["data","className"]);return i.default.createElement("div",Object.assign({ref:l,className:o.tremorTwMerge(u("root"),"w-full flex items-center h-10",t.spacing.threeXs.spaceX,s)},c),a.map(((e,r)=>{var t;return i.default.createElement(n,{key:null!==(t=e.key)&&void 0!==t?t:r,color:e.color,tooltip:e.tooltip})})))}));f.displayName="Tracker",exports.default=f,exports.makeTrackerClassName=u;