13 lines
365 B
JavaScript
13 lines
365 B
JavaScript
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>
|
|
);
|
|
}
|