Números da sorte

Lista dos números da sorte do participante em formato de bilhete, com a data do sorteio e o status escrito (não só pela cor). Sem números, mostra o convite para cadastrar um cupom.

const ComStatus = () => <NumerosDaSorte
    title="Meus números da sorte"
    numbers={[
      { value: '12.340', drawDate: '30/10/2026', status: 'ativo' },
      { value: '12.347', drawDate: '30/10/2026', status: 'ativo' },
      { value: '08.112', drawDate: '15/10/2026', status: 'sorteado' },
      { value: '08.119', drawDate: '15/10/2026', status: 'premiado' },
    ]} />;

O que adaptar

Prop	O que é
`title`	Título da seção.
`numbers`	Números (`value`, `drawDate` já formatada e `status`: `ativo` (Concorrendo), `sorteado` ou `premiado`).
`emptyAction`	Link do estado vazio (`label`, `href`), como “Cadastrar cupom”.
`pageSize`	Quantos números por página antes da paginação. Padrão: 30.

Sem números

const Vazio = () => <NumerosDaSorte
    title="Meus números da sorte"
    numbers={[]}
    emptyAction={{ label: 'Cadastrar cupom', href: '#cadastro' }} />;