| 1 |
const INTENT_STYLES = { |
| 2 |
Product: { bg: '#f0fdf4', text: '#15803d' }, |
| 3 |
Shipping: { bg: '#eff6ff', text: '#1d4ed8' }, |
| 4 |
Bulk: { bg: '#f5f3ff', text: '#6d28d9' }, |
| 5 |
BOGO: { bg: '#fff7ed', text: '#c2410c' }, |
| 6 |
Bundle: { bg: '#fdf4ff', text: '#86198f' }, |
| 7 |
Cart: { bg: '#fff1f2', text: '#be123c' }, |
| 8 |
}; |
| 9 |
|
| 10 |
const IntentBadge = ({ intent }) => { |
| 11 |
const style = INTENT_STYLES[intent] ?? { bg: '#f3f4f6', text: '#6b7280' }; |
| 12 |
return ( |
| 13 |
<span |
| 14 |
className="disco:inline-flex disco:items-center disco:px-2 disco:py-0.5 disco:rounded disco:text-[10px] disco:font-semibold disco:tracking-wide disco:uppercase" |
| 15 |
style={{ backgroundColor: style.bg, color: style.text }} |
| 16 |
> |
| 17 |
{intent} |
| 18 |
</span> |
| 19 |
); |
| 20 |
}; |
| 21 |
|
| 22 |
export default IntentBadge; |
| 23 |
|
