@lobehub/ui/es/Skeleton/SkeletonTitle.mjs

Lobe UI is an open-source UI component library for building AIGC web apps

'use client';

import SkeletonBlock_default from "./SkeletonBlock.mjs";
import { jsx } from "react/jsx-runtime";
import { cssVar } from "antd-style";

//#region src/Skeleton/SkeletonTitle.tsx
const SkeletonTitle = ({ active, fontSize, lineHeight, height, width = "60%", style, className, ...rest }) => {
	const resolvedLineHeight = lineHeight ?? 1.6;
	const baseFontSize = fontSize !== void 0 ? `${fontSize}px` : cssVar.fontSize;
	const heightMultiplier = 1 + (resolvedLineHeight - 1) * .5;
	const marginMultiplier = (resolvedLineHeight - 1) * .25;
	return /* @__PURE__ */ jsx(SkeletonBlock_default, {
		active,
		className,
		height: height ?? `round(calc(${baseFontSize} * ${heightMultiplier}), 1px)`,
		style: {
			marginBlock: `round(calc(${baseFontSize} * ${marginMultiplier}), 1px)`,
			...style
		},
		width,
		...rest
	});
};
SkeletonTitle.displayName = "SkeletonTitle";
var SkeletonTitle_default = SkeletonTitle;

//#endregion
export { SkeletonTitle_default as default };
//# sourceMappingURL=SkeletonTitle.mjs.map