export function KvList({ values, variant = "cards" }) {
  return (
    <dl className={variant === "rows" ? "kv-rows" : "definition-grid compact"}>
      {values.map(([key, value]) => (
        <div className={variant === "rows" ? "kv-row" : "definition-card"} key={key}>
          <dt>{key}</dt>
          <dd>{value}</dd>
        </div>
      ))}
    </dl>
  );
}
