Card

<Card item={{ tag: "Critical", tagVariant: "critical", title: "RCE in Auth Flow", description: "Remote code execution via crafted JWT payload." }} />

import { Badge } from '@/components/ui/Badge'
import type { CardItem } from '@/types'

interface CardProps {
  item: CardItem
}

export function Card({ item }: CardProps): React.JSX.Element {
  return (
    <div className="card">
      <div className="card-tag">
        <Badge variant={item.tagVariant}>{item.tag}</Badge>
      </div>
      <h3 className="card-title">{item.title}</h3>
      <p className="card-desc">{item.description}</p>
    </div>
  )
}