import type React from "react"

interface PrefixItemProps {
  children: React.ReactNode
  highlight?: string
}

export function PrefixItem({ children, highlight }: PrefixItemProps) {
  return (
    <div className="flex gap-3 font-mono text-sm">
      <span className="text-muted-foreground">[+]</span>
      <span>
        {highlight && <span className="text-primary font-medium">{highlight}</span>}
        {highlight && "  "}
        <span className="text-muted-foreground">{children}</span>
      </span>
    </div>
  )
}
