Rights by Region Footer Block for React

Edit the REGIONS array at the top of the file: each region has an id, a label for the segment and four links. Add a region and a fourth segment appears, in array order. Keep four links per region so the cell holds the same height, and write each label the way your counsel words it.

No. The block holds the region in its own state and starts on the first one. If you do know the visitor's region (from a header, or a consent tool), pass it to useState as the initial value; the control still lets them look at the others.

They are plain links (href="#"): point "Manage cookies" at your consent tool, and the request links at your data-request form. Nothing here records a choice or removes data, and the wording is not legal advice.

No. All three lists sit in one grid cell, and the ones not showing are invisible and hidden from assistive technology, so the cell is as tall as the tallest list.

The segments are radio buttons in a group named Region, so Tab reaches the group and the arrow keys move between regions. A live line that is empty until the first change says "Showing the rights that apply in the United States" once, politely. The links are a list inside the nav labelled Footer.

The segments share the full width (a long name wraps to two lines at 320 pixels), the four links stack one per row, and the legal documents wrap under them. Nothing scrolls sideways.