ConsequenceList

What a decision changes, said before the person confirms it (Figma "Consequence List" 2056:55520).

A titled list; each line starts with a mark that is decorative, so the words carry the meaning.

<ConsequenceList tone="destructive" title="O que acontece:" items={["A proteção da Marlene para hoje.", "Os avisos param de chegar."]} />

Playground

Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.

Consequence List

O que acontece:

tone

className

string

Cada célula é o componente real, marcada com a variante do Figma que reproduz (passe o mouse pra ver o node).

Consequence List
O que acontece: A proteção pausa agora e volta quando você quiser. A Marlene não recebe avisos enquanto isso. O plano continua ativo.

Consequence List
O que acontece: A proteção da Marlene e da Lia para hoje. Os avisos e o histórico somem em 30 dias. O plano é cancelado no fim do período. Isso não dá pra desfazer.

As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.

Prop	Tipo	Padrão	Descrição
tone?	"destructive" \| "neutral" \| null	"neutral"
title?	ReactNode	—	The Figma "title" line, e.g. "O que acontece:".
items	ReactNode[]	—	The Figma item1…item4 lines, in order (2 to 4 in Figma).
className?	string	—