{"version":3,"file":"ChartTooltipRow.mjs","names":[],"sources":["../../../src/common/ChartTooltip/ChartTooltipRow.tsx"],"sourcesContent":["import { Flexbox, Icon } from '@lobehub/ui';\nimport { Text } from '@lobehub/ui/base-ui';\nimport { createStaticStyles } from 'antd-style';\nimport { Circle } from 'lucide-react';\nimport { memo } from 'react';\n\nconst styles = createStaticStyles(({ css, cssVar }) => ({\n  number: css`\n    flex-shrink: 0;\n    font-weight: 500;\n    white-space: nowrap;\n  `,\n  title: css`\n    color: ${cssVar.colorTextSecondary};\n  `,\n}));\nexport interface ChartTooltipRowProps {\n  color: string;\n  name: string;\n  value: string;\n}\n\nconst ChartTooltipRow = memo<ChartTooltipRowProps>(({ value, name, color }) => {\n  return (\n    <Flexbox align={'center'} gap={32} horizontal justify={'space-between'} width={'max-content'}>\n      <Flexbox align={'center'} gap={8} horizontal width={'auto'}>\n        <Icon color={color} fill={color} icon={Circle} size={10} />\n        <Text className={styles.title} ellipsis style={{ margin: 0 }}>\n          {name}\n        </Text>\n      </Flexbox>\n      <Text className={styles.number} style={{ margin: 0 }}>\n        {value}\n      </Text>\n    </Flexbox>\n  );\n});\n\nexport default ChartTooltipRow;\n"],"mappings":";;;;;;;AAMA,MAAM,SAAS,oBAAoB,EAAE,KAAK,cAAc;CACtD,QAAQ,GAAG;;;;;CAKX,OAAO,GAAG;aACC,OAAO,mBAAmB;;AAEvC,EAAE;AAOF,MAAM,kBAAkB,MAA4B,EAAE,OAAO,MAAM,YAAY;CAC7E,OACE,qBAAC,SAAD;EAAS,OAAO;EAAU,KAAK;EAAI,YAAA;EAAW,SAAS;EAAiB,OAAO;EAA/E,UAAA,CACE,qBAAC,SAAD;GAAS,OAAO;GAAU,KAAK;GAAG,YAAA;GAAW,OAAO;GAApD,UAAA,CACE,oBAAC,MAAD;IAAa;IAAO,MAAM;IAAO,MAAM;IAAQ,MAAM;GAAK,CAAA,GAC1D,oBAAC,MAAD;IAAM,WAAW,OAAO;IAAO,UAAA;IAAS,OAAO,EAAE,QAAQ,EAAE;IACxD,UAAA;GACG,CAAA,CACC;EACT,CAAA,GAAA,oBAAC,MAAD;GAAM,WAAW,OAAO;GAAQ,OAAO,EAAE,QAAQ,EAAE;GAChD,UAAA;EACG,CAAA,CACC;;AAEb,CAAC"}