import { SerializedStyles } from '@emotion/css';

import { ICON_NAMES } from 'utils/constants/assets';

export type IconTypes =
  | ICON_NAMES.AMERICAN_EXPRESS
  | ICON_NAMES.ARROW_DOWN
  | ICON_NAMES.ARROW_UP
  | ICON_NAMES.ARROW_LEFT
  | ICON_NAMES.ARROW_RIGHT
  | ICON_NAMES.BASKET
  | ICON_NAMES.BASKET_FULL
  | ICON_NAMES.CLOSE
  | ICON_NAMES.CROSS
  | ICON_NAMES.FACEBOOK
  | ICON_NAMES.FLOOM
  | ICON_NAMES.INSTAGRAM
  | ICON_NAMES.MASRERCARD
  | ICON_NAMES.MENU
  | ICON_NAMES.MINUS
  | ICON_NAMES.PLACEHOLDER_IMAGE
  | ICON_NAMES.PLUS
  | ICON_NAMES.TICK
  | ICON_NAMES.TRASH
  | ICON_NAMES.TWITTER
  | ICON_NAMES.VISA;

export interface Icon {
  node: {
    name: IconTypes;
    publicURL: string;
  };
}

export interface IconProps {
  iconName: IconTypes;
  styles?: SerializedStyles | object;
  onClick?: () => any;
  pathFill?: string | null;
}