import { h } from 'vue'
import { Icon } from '@iconify/vue'

/**
 * 动态渲染iconify
 * @param icon - 图标名称
 * @param color - 图标颜色
 * @param size - 图标大小
 */
export function iconifyRender(icon: string, color?: string, size?: number) {
  const style: { color?: string, size?: string } = {}
  if (color)
    style.color = color

  if (size)
    style.size = `${size}px`

  return () => h(Icon, { icon, style })
}