import React from 'react'
import { Shirt, Cpu, Armchair } from 'lucide-react'

export default function CategoryBadge({ category }) {
  switch (category) {
    case 'Clothing':
      return (
        <span className="badge-purple inline-flex items-center gap-1">
          <Shirt className="w-3 h-3" />
          {category}
        </span>
      )
    case 'Electronics':
      return (
        <span className="badge-blue inline-flex items-center gap-1">
          <Cpu className="w-3 h-3" />
          {category}
        </span>
      )
    case 'Furniture':
      return (
        <span className="badge-orange inline-flex items-center gap-1">
          <Armchair className="w-3 h-3" />
          {category}
        </span>
      )
    default:
      return <span className="badge-gray">{category}</span>
  }
}