Card

<Card card={{ icon: "◈", tag: "Core", title: "Terrain Analysis", description: "Real-time topographic data processing." }} />

import { cn } from '@/lib/utils'
import type { CardItem } from '@/types'

interface CardProps {
  card:       CardItem
  className?: string
}

export function Card({ card, className }: CardProps): React.JSX.Element {
  return (
    <div className={cn('contour-card', card.wide && 'contour-card-wide', className)}>
      <div className="feature-icon">{card.icon}</div>
      <span className={cn('feature-tag', card.tagVariant && `feature-tag--${card.tagVariant}`)}>{card.tag}</span>
      <h3 className="card-title">{card.title}</h3>
      <p className="card-description">{card.description}</p>
    </div>
  )
}