A React component that displays a small badge indicating whether a vendor selection was made through AI, manually, or is a placeholder.
## Key Components
- **SelectionSourceBadge** - Main component that renders a source indicator badge
- **SelectionSourceType** - Type union for source types: 'ai', 'manual', or 'placeholder'
- **SelectionSourceBadgeProps** - Interface defining component props including source, className, and hidden state
## Usage Example
```typescript
import { SelectionSourceBadge } from './selection-source-badge';
function VendorCard({ vendor, selectionSource }) {
return (
{vendor.name}
);
}
// Different source types
// AI-selected vendor
// Manually selected
// Hidden placeholder
```
The component wraps the `VendorTag` component with specific styling for source indication, following OpenMSP design tokens. It automatically handles null/undefined sources by returning null, and supports conditional visibility through the `hidden` prop.