import { PaymentMethodEnum } from '@scandic-hotels/common/constants/paymentMethod'
import { GenericCardIcon } from './Icons/GenericCardIcon'
import { SwishIcon } from './Icons/SwishIcon'
import { VippsIcon } from './Icons/VippsIcon'
import { MobilePayIcon } from './Icons/MobilePayIcon'
import { ApplePayIcon } from './Icons/ApplePayIcon'
import { GooglePayIcon } from './Icons/GooglePayIcon'
import { PayPalIcon } from './Icons/PayPalIcon'
import { KlarnaIcon } from './Icons/KlarnaIcon'
import { AmericanExpressIcon } from './Icons/AmericanExpressIcon'
import { DanKortIcon } from './Icons/DanKortIcon'
import { DinersClubIcon } from './Icons/DinersClubIcon'
import { JcbIcon } from './Icons/JcbIcon'
import { MasterCardIcon } from './Icons/MasterCardIcon'
import { VisaIcon } from './Icons/VisaIcon'
import { MaestroIcon } from './Icons/MaestroIcon'
import { ChinaUnionPayIcon } from './Icons/ChinaUnionPayIcon'
import { DiscoverIcon } from './Icons/DiscoverIcon'
import { PaymentIconProps } from './Icons/IconProps'

const paymentMethods: Partial<
  Record<
    keyof typeof PaymentMethodEnum,
    (props: PaymentIconProps) => React.ReactNode
  >
> = {
  swish: (props) => <SwishIcon {...props} />,
  vipps: (props) => <VippsIcon {...props} />,
  mobilePay: (props) => <MobilePayIcon {...props} />,
  applePay: (props) => <ApplePayIcon {...props} />,
  googlePay: (props) => <GooglePayIcon {...props} />,
  payPal: (props) => <PayPalIcon {...props} />,
  klarna: (props) => <KlarnaIcon {...props} />,
  americanExpress: (props) => <AmericanExpressIcon {...props} />,
  dankort: (props) => <DanKortIcon {...props} />,
  dinersClub: (props) => <DinersClubIcon {...props} />,
  jcb: (props) => <JcbIcon {...props} />,
  masterCard: (props) => <MasterCardIcon {...props} />,
  visa: (props) => <VisaIcon {...props} />,
  maestro: (props) => <MaestroIcon {...props} />,
  chinaUnionPay: (props) => <ChinaUnionPayIcon {...props} />,
  discover: (props) => <DiscoverIcon {...props} />,
  PartnerPoints: () => null,
}

type PaymentMethodIconProps = {
  paymentMethod: PaymentMethodEnum
  className?: string
  alt?: string
}
export const PaymentMethodIcon = ({
  paymentMethod,
  ...props
}: PaymentMethodIconProps) => {
  const Icon = paymentMethods[paymentMethod]

  if (!Icon) {
    return <GenericCardIcon {...props} role="img" />
  }

  return <Icon {...props} role="img" />
}