/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import { buildSpacingClasses } from "../../tokens/spacing.js";
import "react";
import { jsx } from "react/jsx-runtime";
//#region src/core/Lead/Lead.tsx
/**
* Lead component for displaying introduction or lead text
*
* Typically used as the first paragraph after a heading to introduce the content.
* Renders with larger text size and medium font weight.
*
* @example
* ```tsx
* <Lead>This is an introduction to the article...</Lead>
* ```
*/
var Lead = ({ children, text, as: Component = "p", className = "", padding, paddingX, paddingY, paddingTop, paddingBottom, margin, marginX, marginY, marginTop, marginBottom, gap, testId }) => {
	const renderable = text ?? children;
	if (renderable == null) return null;
	return /* @__PURE__ */ jsx(Component, {
		className: [
			"text-lg font-medium leading-relaxed",
			buildSpacingClasses({
				padding,
				paddingX,
				paddingY,
				paddingTop,
				paddingBottom,
				margin,
				marginX,
				marginY,
				marginTop,
				marginBottom,
				gap
			}),
			className
		].filter(Boolean).join(" "),
		"data-testid": testId,
		children: renderable
	});
};
//#endregion
export { Lead };

//# sourceMappingURL=Lead.js.map