{"version":3,"file":"DonutChartTooltip.mjs","names":[],"sources":["../../src/DonutChart/DonutChartTooltip.tsx"],"sourcesContent":["import { Flexbox } from '@lobehub/ui';\nimport React from 'react';\n\nimport ChartTooltipFrame from '@/common/ChartTooltip/ChartTooltipFrame';\nimport ChartTooltipRow from '@/common/ChartTooltip/ChartTooltipRow';\nimport { ValueFormatter } from '@/types/charts';\n\nexport interface DonutChartTooltipProps {\n  active: boolean | undefined;\n  customCategories?: {\n    [key: string]: string;\n  };\n  payload: any;\n  valueFormatter: ValueFormatter;\n}\n\nexport const DonutChartTooltip = ({\n  customCategories,\n  active,\n  payload,\n  valueFormatter,\n}: DonutChartTooltipProps) => {\n  if (active && payload?.[0]) {\n    const payloadRow = payload?.[0];\n    return (\n      <ChartTooltipFrame>\n        <Flexbox paddingBlock={8} paddingInline={16}>\n          <ChartTooltipRow\n            color={payloadRow.payload.color}\n            name={customCategories?.[payloadRow.name] || payloadRow.name}\n            value={valueFormatter(payloadRow.value)}\n          />\n        </Flexbox>\n      </ChartTooltipFrame>\n    );\n  }\n  return null;\n};\n"],"mappings":";;;;;;AAgBA,MAAa,qBAAqB,EAChC,kBACA,QACA,SACA,qBAC4B;CAC5B,IAAI,UAAU,UAAU,IAAI;EAC1B,MAAM,aAAa,UAAU;EAC7B,OACE,oBAAC,mBAAD,EAAA,UACE,oBAAC,SAAD;GAAS,cAAc;GAAG,eAAe;GACvC,UAAA,oBAAC,iBAAD;IACE,OAAO,WAAW,QAAQ;IAC1B,MAAM,mBAAmB,WAAW,SAAS,WAAW;IACxD,OAAO,eAAe,WAAW,KAAK;GACvC,CAAA;EACM,CAAA,EACQ,CAAA;CAEvB;CACA,OAAO;AACT"}