@undp/design-system-react/dist/Marker.js

React based design system for UNDP

import { t as e } from "./utils-ca9as9Ye.js";
import { t } from "./dist-CQzJbxrW.js";
import { t as n } from "./dist-DxuGUd9a.js";
import { jsx as r } from "react/jsx-runtime";
//#region src/components/ui/marker.tsx
var i = t("group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-content-tertiary [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground", { variants: { variant: {
	default: "",
	separator: "before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-stroke after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-stroke",
	border: "border-b border-stroke pb-2"
} } });
function a({ className: t, variant: a = "default", asChild: o = !1, ...s }) {
	return /* @__PURE__ */ r(o ? n : "div", {
		"data-slot": "marker",
		"data-variant": a,
		className: e(i({
			variant: a,
			className: t
		})),
		...s
	});
}
function o({ className: t, ...n }) {
	return /* @__PURE__ */ r("span", {
		"data-slot": "marker-icon",
		"aria-hidden": "true",
		className: e("size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
		...n
	});
}
function s({ className: t, ...n }) {
	return /* @__PURE__ */ r("span", {
		"data-slot": "marker-content",
		className: e("wrap-break-word min-w-0 group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", t),
		...n
	});
}
//#endregion
export { a as Marker, s as MarkerContent, o as MarkerIcon, i as markerVariants };

//# sourceMappingURL=Marker.js.map