const KIND_LABEL = {
  tool: 'Tool',
  skill: 'Skill',
  bundle: 'Bundle',
  agent: 'Agent',
  connection: 'Connection',
  workflow: 'Workflow',
};

/**
 * Inline kind tag for a marketplace row. Tinted background matches the
 * kind's brand token (see ai-docs/marketplace-brand.md).
 *
 * @param {{ kind: 'tool'|'skill'|'bundle'|'agent'|'connection'|'workflow' }} props
 */
export default function KindBadge({ kind }) {
  const label = KIND_LABEL[kind] || kind;
  return <span className={`mkt-kind-badge kind-${kind}`}>{label}</span>;
}
