import { cn } from "./cva.js";
import * as React from "react";
import { jsx, jsxs } from "react/jsx-runtime";
//#region src/DataList.tsx
function DataList({ items, className }) {
	return /* @__PURE__ */ jsx("dl", {
		className: cn("grid grid-cols-[max-content_1fr] gap-x-4 gap-y-2", className),
		children: items.map((item, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx("dt", {
			className: "text-sm font-medium text-fg-muted",
			children: item.term
		}), /* @__PURE__ */ jsx("dd", {
			className: "text-sm text-fg",
			children: item.value
		})] }, i))
	});
}
//#endregion
export { DataList };
