import type { JSX } from 'react'
import { factoryStopCommand } from './factory-helpers'

export function FactoryStopHint(props: { adwId: string }): JSX.Element {
  const command = factoryStopCommand(props.adwId)
  return (
    <p className="mt-3 text-xs text-fg-muted">
      <span className="font-semibold text-fg-subtle">Stop from a terminal:</span>{' '}
      <code className="select-all rounded border border-border bg-surface-raised px-1.5 py-0.5 font-mono text-[11px] text-fg">
        {command}
      </code>
    </p>
  )
}