import LazyImage from '@/components/LazyImage'

/**
 * notion的图标icon
 * 可能是emoji 可能是 svg 也可能是 图片
 * @returns
 */
const NotionIcon = ({ icon }) => {
  let imgSize = 8
  let fontSize = ''
  if (!icon) {
    return <></>
  }
  fontSize = (Math.round(imgSize / 2) - 1) > 0 ? (Math.round(imgSize / 2) - 1) : ''
  if (icon.startsWith('http') || icon.startsWith('data:')) {
    return <LazyImage src={icon} className={`w-10 h-10 inline`}/>
  }

  return <span className={`mr-1 text-4xl`}>{icon}</span>
}

export default NotionIcon