Consent & billing
PhraseCard
Shows the guardian the exact consent phrase the person will read (Figma "Phrase Card" 2130:12404): overline, the quoted phrase on the lilac surface and a meta line.
Always the current v2 phrase, with "a Superdinda" in it; no CPF.
<PhraseCard overline="A frase que ela vai ler" phrase="Eu, Lia, concordo que a Superdinda proteja meu WhatsApp. …" meta="Ela lê em voz alta. Leva uns 20 segundos." />Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Phrase Card
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).
Phrase Card ·
| Phrase Card |
|---|
“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.” Ela lê em voz alta. Leva uns 20 segundos. |
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 |
|---|---|---|---|
| overline | string | — | Figma `overline` ("A frase que ela vai ler"); shown in capitals. |
| phrase | string | — | Figma `phrase`: the exact current consent phrase, without quotes. |
| meta? | ReactNode | — | Figma `meta` + `showMeta` ("Ela lê em voz alta. Leva uns 20 segundos."). |
| className? | string | — |