@payfit/unity-components/dist/esm/components/definition-list/DefinitionList.js

import { DefinitionListContextProvider as e } from "./DefinitionList.context.js";
import * as t from "react";
import { uyTv as n } from "@payfit/unity-themes";
import { jsx as r } from "react/jsx-runtime";
//#region src/components/definition-list/DefinitionList.tsx
var i = n({
	base: "uy:flex uy:flex-col",
	variants: { layout: {
		horizontal: ["uy:gap-y-100", "uy:grid uy:grid-cols-[auto_1fr] uy:gap-x-1000"],
		vertical: "uy:gap-200"
	} },
	defaultVariants: { layout: "horizontal" }
}), a = t.forwardRef(({ layout: t = "vertical", children: n, ...a }, o) => /* @__PURE__ */ r(e, {
	layout: t,
	children: /* @__PURE__ */ r("dl", {
		ref: o,
		className: i({ layout: t }),
		...a,
		children: n
	})
}));
a.displayName = "DefinitionList";
//#endregion
export { a as DefinitionList };