/**
 * InlineText renders a one-line string in which `backtick` spans become
 * monospace <code> elements — for tool call titles, permission titles and
 * plan entries, where full markdown would be overkill but agents routinely
 * quote commands and paths.
 *
 * @example
 * <InlineText text="Run `ls .memory/`" />
 */

export function InlineText({ text }: { text: string }) {
	// Even segments are plain text, odd segments were between backticks.
	const parts = text.split("`");
	return (
		<>
			{parts.map((part, index) =>
				index % 2 === 1 ? (
					<code key={`${index}:${part}`} className="inline-code">
						{part}
					</code>
				) : (
					part
				),
			)}
		</>
	);
}