import type React from 'react'

const TOOL_COLORS: Record<string, string> = {
  'claude-code': '#c96442',
  opencode: '#3b6e3b',
  crush: '#7a4ea8',
  pi: '#b8902a',
  kimi: '#2a6e9c',
}

interface ToolDotProps {
  tool: 'claude-code' | 'opencode' | 'crush' | 'pi' | 'kimi'
}

export function ToolDot({ tool }: ToolDotProps): React.JSX.Element {
  return <span className="tooldot" style={{ background: TOOL_COLORS[tool] ?? '#888' }} />
}