wedding-planner-frontend/app/types.tsx

/* Copyright (C) 2024 Manuel Bustillo*/

import * as HeroIcon from '@heroicons/react/24/outline'
import { ComponentProps } from 'react'

type Props = {
  name: keyof typeof HeroIcon
} & ComponentProps<typeof HeroIcon.AcademicCapIcon>

export const Icon = ({ name, ...props }: Props) => {
  const IconComponent = HeroIcon[name]
  return <IconComponent {...props} />
}