import { SizeScale } from 'types';
import glyphs from './glyphs';

type LegacyIconType = {
  Component: (props: any) => JSX.Element;
  size?: SizeScale;
};

const legacyIconMap: { [key: string]: LegacyIconType } = {
  checkboxActive: {
    Component: glyphs['checkbox-active'],
    size: 'base',
  },
  checkboxDeselect: {
    Component: glyphs['checkbox-deselect-all'],
    size: 'base',
  },
  checkboxInactive: {
    Component: glyphs['checkbox-inactive'],
    size: 'base',
  },
  close: {
    Component: glyphs.cross,
    size: 'base',
  },
  doubleArrow: {
    Component: glyphs['double-arrow'],
    size: 'base',
  },
  downArrow: {
    Component: glyphs['down-arrow'],
    size: 'base',
  },
  endArrow: {
    Component: glyphs['end-arrow'],
    size: 'base',
  },
  import: {
    Component: glyphs.upload,
  },
  inProgress: {
    Component: glyphs['in-progress'],
  },
  leftArrow: {
    Component: glyphs['left-arrow'],
    size: 'base',
  },
  moreDots: {
    Component: glyphs['more-horiz'],
  },
  notFavourite: {
    Component: glyphs['not-favourite'],
  },
  note: {
    Component: glyphs.notes,
  },
  premiumDelivery: {
    Component: glyphs['premium-delivery'],
  },
  printingTemplates: {
    Component: glyphs['printing-templates'],
  },
  productMenu: {
    Component: glyphs['product-menu'],
  },
  radioActive: {
    Component: glyphs['radio-active'],
    size: 'base',
  },
  radioInactive: {
    Component: glyphs['radio-inactive'],
    size: 'base',
  },
  rightArrow: {
    Component: glyphs['right-arrow'],
    size: 'base',
  },
  securityOff: {
    Component: glyphs['security-off'],
  },
  securityOn: {
    Component: glyphs['security-on'],
  },
  shippingRules: {
    Component: glyphs['shipping-rules'],
  },
  startArrow: {
    Component: glyphs['start-arrow'],
    size: 'base',
  },
  tag: {
    Component: glyphs.tags,
  },
  upArrow: {
    Component: glyphs['up-arrow'],
    size: 'base',
  },
};

export default legacyIconMap;