Text With Copy Button

<div className="flex w-64 items-center gap-2 rounded-md border border-border bg-bg-surface py-1 pr-1 pl-3">
  <span className="min-w-0 flex-1 truncate font-mono text-sm text-text-secondary">
    npx create-buena@latest
  </span>
  <Button variant="ghost" size="icon-xs" onClick={copy} aria-label="Copy to clipboard">
    {copied ? <Check className="text-success" /> : <Copy />}
  </Button>
</div>