ReviewItem

One proof on the "Confira e envie" review step (Figma "Review Item" 2056:57028): Photo (thumb + "Tirar outra"), Voice (Audio Player + "Gravar de novo") and Phrase (the exact versioned consent text).

Nothing is uploaded before "Enviar meu sim".

<ReviewItem kind="photo" label="Sua foto" meta="Rosto visível" action={<Button variant="ghost" size="44" leadingIcon={<RefreshCw />}>Tirar outra</Button>}><img src={url} alt="Sua foto" /></ReviewItem>

Playground

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

Review Item

Sua foto

Rosto visível

cellKey

className

string

Variantes, tamanhos e estados

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

Kind · Photo

Default	Redo
Sua foto Rosto visível	Sua foto Refazer Não achamos um rosto. Sua voz continua guardada.

Kind · Voice

Default	Redo
Sua voz 0:12	Sua voz Refazer 0:12 Faltaram algumas palavras. Grave de novo com calma.

Kind · Phrase

Default	Redo
O que você disse Eu, Lia, concordo que a Superdinda proteja meu WhatsApp. Mariana não lê minhas conversas: só recebe um aviso, com o trecho e quem mandou, se houver perigo. Posso pedir pra parar quando quiser.

Props

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
kind	ReviewItemKind	—	Figma Kind: which proof this row shows.
state?	"default" \| "redo"	"default"	Figma State: Redo flags the one proof that must be redone (attention, never red); the other proof is kept. Phrase has no Redo.
label	string	—	"Sua foto", "Sua voz", "O que você disse".
meta?	string	—	The line under it ("Rosto visível", "Não achamos um rosto. Sua voz continua guardada.").
statusLabel?	string	—	Redo: the chip word ("Refazer").
children	ReactNode	—	Photo: the 64 px thumbnail (an <img alt="Sua foto">). Voice: the Audio Player. Phrase: the exact consent phrase.
action?	ReactNode	—	The redo button in place ("Tirar outra", "Gravar de novo"): a 44 px Button, Ghost by default, Outline in Redo.
className?	string	—