import * as React from "react";
import type { ThoughtChainItemProp, ThoughtChainProp } from "../../props/components/data-display.prop.js";
export type { ThoughtChainProp, ThoughtChainProp as ThoughtChainProps, ThoughtChainItemsProp, ThoughtChainItemProp, ThoughtChainItemProp as ThoughtChainItemProps, ThoughtChainStatusProp, ThoughtChainLineProp, ThoughtChainVariantProp, } from "../../props/components/data-display.prop.js";
/**
* ThoughtChain — the assistant's reasoning, step by step (Ant Design X `ThoughtChain`).
*
* ## The shape, and why it is an `
`
*
* Ant renders the whole chain as nested `
`s and paints the step number itself
* (`index + 1` in `es/thought-chain/Node.js`). The order of the steps IS the content here — step 3
* only makes sense after step 2 — so the chain is an ordered list and a screen reader gets "list,
* 4 items" plus each step's position for free. The visible ordinal stays, because the same number
* has to be on screen for a sighted reader following a long chain.
*
* ## The disclosure is a real button
*
* A `collapsible` step's title in Ant is a `
` with a rotating chevron — no role, no
* `tabIndex`, no `aria-expanded`. Here it is a `