Licence Table Footer Block for React

Edit the LICENCES array at the top of the file: each entry has a place, an authority and a number. The caption says the rows are examples; delete that line once the rows are your real registrations, and link each number to the public register where your authority offers one.

It starts closed so the footer fits a screen, and its trigger always reads "Important disclosures", open or closed (the chevron and aria-expanded carry the state). The text is in the page either way. Some regulators want a risk statement visible without a click: if yours does, render the paragraphs outside the Collapsible.

No. It is a fixed line with a dot, so the block works without a server. Feed it from your status page or API and use the status tokens for the one exceptional state; keep the words next to the dot, because colour alone does not say what it means.

The table is wider than a phone, so it scrolls sideways inside its own box instead of squeezing the columns. The box is a focusable region named by the figure's caption, so a keyboard user can Tab to it and scroll with the arrow keys. Nothing else on the page scrolls sideways at 320 pixels.

The block is a footer, the content-info landmark at the end of the page. The links are one nav labelled Footer with a hidden heading, the table is a plain table on every target with column headers and the jurisdiction as each row's header, and the legal links are a labelled list. The status line is read as "Status: Trading: operational".