/**
 * 榜单卡片（含标题）— 属性面板说明
 */
export const RANKING_CARD_TOKEN_MAP = {
  标题区: [
    {
      label: '标题文字',
      cssProp: 'color',
      token: '--color-blueGrey-900',
      value: '#182230',
      readOnly: true,
    },
    {
      label: '副标题',
      cssProp: 'color',
      token: '--color-blueGrey-500',
      value: '#98A2B3',
      readOnly: true,
    },
    {
      label: '标题字号',
      cssProp: 'font-size',
      value: '18px / 24px',
      readOnly: true,
    },
    {
      label: '标题字重',
      cssProp: 'font-weight',
      token: '--font-semibold',
      value: '600',
      readOnly: true,
    },
    {
      label: '标图底色',
      cssProp: 'background',
      token: '--color-brand-500',
      value: '#56D3BC',
      readOnly: true,
    },
  ],
  榜单行: [
    {
      label: '主标题',
      cssProp: 'color',
      token: '--color-blueGrey-900',
      value: '#182230',
      readOnly: true,
    },
    {
      label: '行卡底色',
      cssProp: 'background',
      token: '--color-blueGrey-100',
      value: '#F9FAFB',
      readOnly: true,
    },
    {
      label: '摘要文案',
      cssProp: 'color',
      token: '--color-blueGrey-600',
      value: '#667085',
      readOnly: true,
    },
    {
      label: '标题字号',
      cssProp: 'font-size',
      value: '14px / 22px',
      readOnly: true,
    },
    {
      label: '行标题重',
      cssProp: 'font-weight',
      token: '--font-semibold',
      value: '600',
      readOnly: true,
    },
    {
      label: '摘要字号',
      cssProp: 'font-size',
      value: '12px / 24px',
      readOnly: true,
    },
  ],
  状态与标签: [
    {
      label: '标签文字',
      cssProp: 'color',
      token: '--color-blueGrey-700',
      value: '#475467',
      readOnly: true,
    },
    {
      label: '标签底色',
      cssProp: 'background',
      token: '--color-blueGrey-50',
      value: '#FCFCFD',
      readOnly: true,
    },
    {
      label: '标签边框',
      cssProp: 'border-color',
      token: '--color-blueGrey-200',
      value: '#F2F4F7',
      readOnly: true,
    },
    {
      label: '环比上涨',
      cssProp: 'color',
      token: '--color-data-5',
      value: '#FC7E90',
      readOnly: true,
    },
    {
      label: '环比下降',
      cssProp: 'color',
      token: '--color-data-7',
      value: '#24CDA5',
      readOnly: true,
    },
    {
      label: '数字字体',
      cssProp: 'font-family',
      token: '--font-number',
      value: 'DouyinNumberABC-Bold',
      readOnly: true,
    },
  ],
};
