---

import { FillColorIcon, LineColorIcon, TextColorIcon } from '@src/components/Icon';

import type { ToolbarColorRole } from '@src/types/settings';
import type { ComponentType } from 'react';

type ToolbarColorLabelKey = 'Line color' | 'Fill color' | 'Text color';

interface ToolbarColorConfig {
  labelKey: ToolbarColorLabelKey;
  Icon: ComponentType;
}

export const TOOLBAR_COLOR_CONFIG: Record<ToolbarColorRole, ToolbarColorConfig> = {
  line: {
    labelKey: 'Line color',
    Icon: LineColorIcon,
  },
  fill: {
    labelKey: 'Fill color',
    Icon: FillColorIcon,
  },
  text: {
    labelKey: 'Text color',
    Icon: TextColorIcon,
  },
};