@while-and-for/tremor-react/dist/components/chart-elements/common/ChartTooltip.cjs

The React library to build dashboards faster.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../../../lib/constants.cjs"),t=require("../../../lib/shape.cjs"),a=require("../../../lib/sizing.cjs"),o=require("../../../lib/spacing.cjs"),d=require("../../../lib/theme.cjs"),l=require("../../../lib/utils.cjs"),s=require("../../../lib/tremorTwMerge.cjs");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=m(e);const c=({children:e})=>n.default.createElement("div",{className:s.tremorTwMerge("rounded-tremor-default text-tremor-default","bg-tremor-background shadow-tremor-dropdown border-tremor-border","dark:bg-dark-tremor-background dark:shadow-dark-tremor-dropdown dark:border-dark-tremor-border",t.border.sm.all)},e),i=({value:e,name:r,color:o})=>n.default.createElement("div",{className:"flex items-center justify-between space-x-8"},n.default.createElement("div",{className:"flex items-center space-x-2"},n.default.createElement("span",{className:s.tremorTwMerge("shrink-0 rounded-tremor-full","border-tremor-background shadow-tremor-card","dark:border-dark-tremor-background dark:shadow-dark-tremor-card",l.getColorClassNames(o,d.colorPalette.background).bgColor,a.sizing.sm.height,a.sizing.sm.width,t.border.md.all)}),n.default.createElement("p",{className:s.tremorTwMerge("text-right whitespace-nowrap","text-tremor-content","dark:text-dark-tremor-content")},r)),n.default.createElement("p",{className:s.tremorTwMerge("font-medium tabular-nums text-right whitespace-nowrap","text-tremor-content-emphasis","dark:text-dark-tremor-content-emphasis")},e));exports.ChartTooltipFrame=c,exports.ChartTooltipRow=i,exports.default=({active:e,payload:a,label:d,categoryColors:l,valueFormatter:m})=>e&&a?n.default.createElement(c,null,n.default.createElement("div",{className:s.tremorTwMerge("border-tremor-border","dark:border-dark-tremor-border",o.spacing.twoXl.paddingX,o.spacing.sm.paddingY,t.border.sm.bottom)},n.default.createElement("p",{className:s.tremorTwMerge("font-medium","text-tremor-content-emphasis","dark:text-dark-tremor-content-emphasis")},d)),n.default.createElement("div",{className:s.tremorTwMerge(o.spacing.twoXl.paddingX,o.spacing.sm.paddingY,"space-y-1")},a.map((({value:e,name:t},a)=>{var o;return n.default.createElement(i,{key:`id-${a}`,value:m(e),name:t,color:null!==(o=l.get(t))&&void 0!==o?o:r.BaseColors.Blue})})))):null;