import type { ReactNode } from 'react';
import { cn } from '@/lib/cn';

export function KV({ children, className }: { children: ReactNode; className?: string }) {
  return <dl className={cn('kv', className)}>{children}</dl>;
}
export function Row({ k, children, className }: { k: ReactNode; children: ReactNode; className?: string }) {
  return (
    <div className={className}>
      <dt>{k}</dt>
      <dd className="text-ink">{children}</dd>
    </div>
  );
}