'use client'

import * as React from 'react'
import type { IconName } from 'lucide-react/dynamic'
import { DynamicIcon } from 'lucide-react/dynamic'

const MemoizedIcon = React.memo(({ name }: { name: IconName }) => <DynamicIcon name={name} />)
MemoizedIcon.displayName = 'MemoizedIcon'

export { MemoizedIcon }
