/**
 * ChartTooltip 原子组件 — 属性面板 TOKEN 说明
 *
 * 两个变体共享 padding/字号/字重，但底色与圆角不同：
 *   - chart   ：白底（--color-surface） + radius 8px + shadow-md
 *   - caption ：黑底（--semi-color-bg-4） + radius 6px
 */
export const CHART_TOOLTIP_TOKEN_MAP = {
  '图表类（白底）': [
    {
      label: '背景',
      cssProp: 'background',
      token: '--color-surface',
      value: '#FFFFFF',
      readOnly: true,
    },
    {
      label: '圆角',
      cssProp: 'border-radius',
      value: '8px',
      readOnly: true,
    },
    {
      label: '阴影',
      cssProp: 'box-shadow',
      token: '--shadow-md',
      value: '0 4px 16px rgba(0,0,0,0.08)',
      readOnly: true,
    },
    {
      label: '内边距',
      cssProp: 'padding',
      value: '12px',
      readOnly: true,
    },
    {
      label: '标题文字',
      cssProp: 'color',
      token: '--color-foreground',
      value: '#182230',
      readOnly: true,
    },
    {
      label: '系列名称',
      cssProp: 'color',
      token: '--color-foreground-secondary',
      value: '#475467',
      readOnly: true,
    },
  ],
  '解释类（黑底）': [
    {
      label: '背景',
      cssProp: 'background',
      token: '--semi-color-bg-4',
      value: '#0D1321',
      readOnly: true,
    },
    {
      label: '文字',
      cssProp: 'color',
      token: '--color-foreground-inverse',
      value: '#FFFFFF',
      readOnly: true,
    },
    {
      label: '圆角',
      cssProp: 'border-radius',
      value: '6px',
      readOnly: true,
    },
    {
      label: '内边距',
      cssProp: 'padding',
      value: '8px 12px',
      readOnly: true,
    },
    {
      label: '字号 / 行高',
      cssProp: 'font-size',
      value: '12px / 16px',
      readOnly: true,
    },
    {
      label: '标签字重',
      cssProp: 'font-weight',
      value: '400（正文）',
      readOnly: true,
    },
    {
      label: '数值字重',
      cssProp: 'font-weight',
      value: '600（强调）',
      readOnly: true,
    },
  ],
};
