hts/apps/blogai/components/mpv2/tool-badge.tsx

27 lines
529 B
TypeScript

import React from 'react'
import { Search } from 'lucide-react'
import { Badge } from '../ui-v2/badge'
type ToolBadgeProps = {
tool: string
children: React.ReactNode
className?: string
}
export const ToolBadge: React.FC<ToolBadgeProps> = ({
tool,
children,
className
}) => {
const icon: Record<string, React.ReactNode> = {
search: <Search size={14} />
}
return (
<Badge className={className} variant={'secondary'}>
{icon[tool]}
<span className="ml-1">{children}</span>
</Badge>
)
}