import { Size } from '../../../helpers/constants/design-system';

/**
 * The ICON_NAMES object contains all the possible icon names.
 *
 * Search for an icon: https://metamask.github.io/metamask-storybook/?path=/story/components-componentlibrary-icon--default-story
 *
 * Add an icon: https://metamask.github.io/metamask-storybook/?path=/docs/components-componentlibrary-icon--default-story#adding-a-new-icon
 *
 * ICON_NAMES is generated using svgs in app/images/icons and
 * the generateIconNames script in development/generate-icon-names.js
 * then stored as an environment variable
 */

/* eslint-disable prefer-destructuring*/ // process.env is not a standard JavaScript object, so we are not able to use object destructuring
export const ICON_NAMES = JSON.parse(process.env.ICON_NAMES);
export const ICON_SIZES = {
  XS: Size.XS,
  SM: Size.SM,
  MD: Size.MD,
  LG: Size.LG,
  XL: Size.XL,
  AUTO: Size.inherit,
};