import {
  CustomBrands,
  CustomBrandSafety,
  CustomIAB,
  CustomKeywords,
  CustomPeople,
  CustomText,
} from '@/mui/components/CustomIcon';

// Tag type
export const TAG_SYSTEM_TYPE = 'SYSTEM';
export const TAG_CUSTOM_TYPE = 'CUSTOM';

// System Tag Categories
export const TAG_SYSTEM_CATEGORY_TEXT = 'TEXT';
export const TAG_SYSTEM_CATEGORY_CC = 'CC';
export const TAG_SYSTEM_CATEGORY_PEOPLE = 'PEOPLE';
export const TAG_SYSTEM_CATEGORY_BRANDS = 'BRANDS';
export const TAG_SYSTEM_CATEGORY_IAB = 'IAB';
export const TAG_SYSTEM_CATEGORY_BRAND_SAFETY = 'BRAND_SAFETY';
export const TAG_SYSTEM_CATEGORY_KEYWORDS = 'KEYWORDS';
export const TAG_SYSTEM_CATEGORY_CUSTOM = 'CUSTOM';

export const SYSTEM_CATEGORY_TAGS_ICON_COMPONENT = {
  [TAG_SYSTEM_CATEGORY_PEOPLE]: CustomPeople,
  [TAG_SYSTEM_CATEGORY_BRANDS]: CustomBrands,
  [TAG_SYSTEM_CATEGORY_IAB]: CustomIAB,
  [TAG_SYSTEM_CATEGORY_BRAND_SAFETY]: CustomBrandSafety,
  [TAG_SYSTEM_CATEGORY_KEYWORDS]: CustomKeywords,
  [TAG_SYSTEM_CATEGORY_TEXT]: CustomText,
};

export const SYSTEM_TAGS_CATEGORY_OPTIONS = [
  {
    label: 'People',
    value: TAG_SYSTEM_CATEGORY_PEOPLE,
    iconComponent: SYSTEM_CATEGORY_TAGS_ICON_COMPONENT[TAG_SYSTEM_CATEGORY_PEOPLE],
    group: TAG_SYSTEM_TYPE,
  },
  {
    label: 'Brands',
    value: TAG_SYSTEM_CATEGORY_BRANDS,
    iconComponent: SYSTEM_CATEGORY_TAGS_ICON_COMPONENT[TAG_SYSTEM_CATEGORY_BRANDS],
    group: TAG_SYSTEM_TYPE,
  },
  {
    label: 'IAB Categories',
    value: TAG_SYSTEM_CATEGORY_IAB,
    iconComponent: SYSTEM_CATEGORY_TAGS_ICON_COMPONENT[TAG_SYSTEM_CATEGORY_IAB],
    group: TAG_SYSTEM_TYPE,
  },
  {
    label: 'Brands Safety',
    value: TAG_SYSTEM_CATEGORY_BRAND_SAFETY,
    iconComponent: SYSTEM_CATEGORY_TAGS_ICON_COMPONENT[TAG_SYSTEM_CATEGORY_BRAND_SAFETY],
    group: TAG_SYSTEM_TYPE,
  },
  {
    label: 'Keywords',
    value: TAG_SYSTEM_CATEGORY_KEYWORDS,
    iconComponent: SYSTEM_CATEGORY_TAGS_ICON_COMPONENT[TAG_SYSTEM_CATEGORY_KEYWORDS],
    group: TAG_SYSTEM_TYPE,
  },
  {
    label: 'Text',
    value: TAG_SYSTEM_CATEGORY_TEXT,
    iconComponent: SYSTEM_CATEGORY_TAGS_ICON_COMPONENT[TAG_SYSTEM_CATEGORY_TEXT],
    group: TAG_SYSTEM_TYPE,
  },
];

export const CUSTOM_TAGS_COLORS = [
  '#e45043',
  '#fb6923',
  '#fca93e',
  '#934c20',
  '#fa0729',
  '#9e0788',
  '#f36cc1',
  '#b7a0b4',
  '#0e3674',
  '#2b6db3',
  '#5cb0d6',
  '#3fd3fc',
  '#50e593',
  '#68a335',
  '#5e7698',
];

export const CATEGORY_SIZE = 64;
export const SYSTEM_LABEL_VALUE_SIZE = 64;
export const CUSTOM_LABEL_VALUE_SIZE = 255;

export const CONTEXT_OPEN_IN_TAG_LOG = 'CONTEXT_OPEN_IN_TAG_LOG';
export const CONTEXT_OPEN_IN_TAG_LOG_SUMMARY = 'CONTEXT_OPEN_IN_TAG_LOG_SUMMARY';
export const CONTEXT_OPEN_IN_VIDEO_EDIT_TAGS = 'CONTEXT_OPEN_IN_VIDEO_EDIT_TAGS';
