@primer/react-brand/esm/EyebrowText/EyebrowText.js

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

import e from "../node_modules/clsx/dist/clsx.js";
import { Text as t } from "../Text/Text.js";
import n from "./EyebrowText.module.js";
import { forwardRef as r } from "react";
import { jsx as i } from "react/jsx-runtime";
//#region src/EyebrowText/EyebrowText.tsx
var a = [
	"default",
	"muted",
	"accent"
], o = { root: "EyebrowText" }, s = r(({ className: r, children: a, style: s, "data-testid": c, font: l = "monospace", size: u = "100", variant: d = "muted", weight: f = "normal", ...p }, m) => /* @__PURE__ */ i(t, {
	ref: m,
	as: "span",
	size: u,
	variant: d === "accent" ? "default" : d,
	font: l,
	weight: f,
	className: e(n.EyebrowText, d === "accent" && n["EyebrowText--variant-accent"], r),
	style: s,
	"data-testid": c || o.root,
	...p,
	children: a
})), c = Object.assign(s, { testIds: o });
//#endregion
export { c as EyebrowText, a as EyebrowTextVariants };

//# sourceMappingURL=EyebrowText.js.map