import {
  SvgCalendarEvent,
  SvgDashboardMixCircleSquare1,
  SvgNewsPaper,
  SvgUserCollaborateGroup,
} from '@chainlink/blocks-icons'

export type PlatformAdIcon = 'product' | 'collaboration' | 'event' | 'news'

type Props = { icon: PlatformAdIcon }

const iconMap = {
  news: SvgNewsPaper,
  collaboration: SvgUserCollaborateGroup,
  product: SvgDashboardMixCircleSquare1,
  event: SvgCalendarEvent,
}

export const PlatformAdIcon = ({ icon }: Props) => {
  const IconComponent = iconMap[icon]

  return <IconComponent width={32} height={32} color="platform-ad" />
}