import type { AgentProduct } from '@/types'

interface AgentIconMarkProps {
  product: AgentProduct
  className?: string
}

export function AgentIconMark({ product, className = '' }: AgentIconMarkProps) {
  return (
    <div className={`flex items-center justify-center overflow-hidden rounded-[4px] border border-dashed border-[#9db6d3] bg-[#edf4fb] text-center text-xs font-bold text-[#55749c] ${className}`}>
      <div className="px-3 leading-5">
        <span className="block">{product.title}图片</span>
      </div>
    </div>
  )
}
