31 lines
813 B
React
31 lines
813 B
React
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>
|
|
}
|
|
}
|