SeatsPanel

Playground

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

Seats Panel

Quem você protege

Lia AlvesConsentiu em 24 de set., 15:31
ConsentidoVínculo confirmado
Lia AlvesPedido de consentimento enviado por WhatsApp em 24 de set., 15:31
Aguardando consentimentoVerificando vínculo

title

string

pendingName

string

className

string

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

Seats Panel
Quem você protege Lia AlvesConsentiu em 24 de set., 15:31 ConsentidoVínculo confirmado Lia AlvesPedido de consentimento enviado por WhatsApp em 24 de set., 15:31 Aguardando consentimentoVerificando vínculo

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

SeatsPanelRootProps

Prop	Tipo	Padrão	Descrição
render?	ReactElement<unknown, string \| React.JSXElementConstructor<any>>	—	Another element keeps the layout (`<section aria-labelledby="…" />`).
className?	string	—

SeatsPanelRowProps

Prop	Tipo	Padrão	Descrição
initials	string	—	Two initials for the warm square avatar ("LA").
name	ReactNode	—	The person's name.
meta?	ReactNode	—	When and how consent happened, or what is pending ("Pedido de consentimento enviado por WhatsApp em 24 de set., 15:31").
status?	ReactNode	—	Status badges (consent, link check), in reading order.
action?	ReactNode	—	The one action a pending seat offers ("Reenviar link").
className?	string	—