Componente

Card

Superfície bg-02 com hairline. Hover faz lift -4px e acende a borda champanhe. Rodapé chave/valor em mono.

◆ Próxima edição

BTE · Edição 02

Arena BTG · 11 de julho · 13h–19h · 5 quadras cobertas.

Vagas50

tsx

import {
  Card, CardTitle, CardBody, CardFooter, CardKey, CardValue,
} from "@bte/ui/card";
import { Chip } from "@bte/ui/chip";

<Card>
  <Chip variant="gold">◆ Próxima edição</Chip>
  <CardTitle className="mt-4">BTE · Edição 02</CardTitle>
  <CardBody className="mt-2">
    Arena BTG · 11 de julho · 13h–19h · 5 quadras cobertas.
  </CardBody>
  <CardFooter>
    <CardKey>Vagas</CardKey>
    <CardValue>50</CardValue>
  </CardFooter>
</Card>