Skeleton

The shape of what is coming, while it is still coming. It holds the room, so nothing jumps when the data lands.

When to use it

You know the shape that is coming — a paragraph, cards, a table, a row of metrics. The skeleton says so and takes exactly the room the content will.
The wait is longer than an instant. A blank area is indistinguishable from a broken screen, and the jump costs the reader the line they were looking at.

You do not know the shape of the answer. Then it is IngotSpinner — a skeleton holding room for something other than what arrives jumps exactly as the blank did.
The load is done within a frame. A skeleton that flashes and vanishes reads as a fault.
Nothing is coming, because there is nothing there. That is IngotEmptyState: an empty state is an answer, not a wait.

label: string — What is loading, already translated ("Loading the orders"). A screen reader announces this and nothing else — the bars are hidden from it.
shape: "text" | "card" | "table" | "metrics" — The shape of what will arrive. Defaults to `text`. It has to look like what replaces it — otherwise it holds room for something else and the content jumps anyway.
rows: number — How many lines, table rows or cards. Defaults to 3. `metrics` ignores it — it is a row of four tiles by definition.
className: string — The block's placement and width. Colours and animation do not belong here.
testId: string — An anchor for tests.