import * as React from "react";

import { AircamLogo } from "./sprites/AircamLogo";
import { Email } from "./sprites/Email";
import { Facebook } from "./sprites/Facebook";
import { FilledStar } from "./sprites/FilledStar";
import { FramedProfile } from "./sprites/FramedProfile";
import { Heart } from "./sprites/Heart";
import { Instagram } from "./sprites/Instagram";
import { LeftChevron } from "./sprites/LeftChevron";
import { LinkedIn } from "./sprites/LinkedIn";
import { Pencil } from "./sprites/Pencil";
import { Permalink } from "./sprites/Permalink";
import { Phone } from "./sprites/Phone";
import { Profile } from "./sprites/Profile";
import { RightChevron } from "./sprites/RightChevron";
import { Star } from "./sprites/Star";
import { TapAndHold } from "./sprites/TapAndHold";
import { Twitter } from "./sprites/Twitter";
import { Plus } from "./sprites/Plus";

export enum SpriteType {
  AircamLogo = "AircamLogo",
  Email = "Email",
  Facebook = "Facebook",
  FilledStar = "FilledStar",
  FramedProfile = "FramedProfile",
  Heart = "Heart",
  Instagram = "Instagram",
  LeftChevron = "LeftChevron",
  LinkedIn = "LinkedIn",
  Pencil = "Pencil",
  Permalink = "Permalink",
  Phone = "Phone",
  Profile = "Profile",
  RightChevron = "RightChevron",
  Star = "Star",
  TapAndHold = "TapAndHold",
  Twitter = "Twitter",
  Plus = "Plus",
}

export interface ISpriteProps {
  type: SpriteType;
}

export const Sprite = ({ type }: ISpriteProps) => ((() => {
  switch (type) {
    case SpriteType.FramedProfile:
      return <FramedProfile />
    case SpriteType.Star:
      return <Star />
    case SpriteType.FilledStar:
      return <FilledStar />
    case SpriteType.Heart:
      return <Heart />
    case SpriteType.Instagram:
      return <Instagram />
    case SpriteType.Profile:
      return <Profile />
    case SpriteType.Facebook:
      return <Facebook />
    case SpriteType.Permalink:
      return <Permalink />
    case SpriteType.AircamLogo:
      return <AircamLogo />
    case SpriteType.RightChevron:
      return <RightChevron />
    case SpriteType.LeftChevron:
      return <LeftChevron />
    case SpriteType.LinkedIn:
      return <LinkedIn />
    case SpriteType.TapAndHold:
      return <TapAndHold />
    case SpriteType.Twitter:
      return <Twitter />
    case SpriteType.Plus:
      return <Plus />
    case SpriteType.Phone:
      return <Phone />
    case SpriteType.Email:
      return <Email />
    case SpriteType.Pencil:
      return <Pencil />
  }
})())