skyroc-ui/dist/components/card/CardTitleRoot.js

A modern React UI component library built on Radix UI and Tailwind CSS

import { cn } from "../../lib/utils.js";
import { cardVariants } from "./card-variants.js";
import React from "react";
import { jsxs } from "react/jsx-runtime";

//#region src/components/card/CardTitleRoot.tsx
const CardTitleRoot = React.forwardRef((props, ref) => {
	const { children, className, leading, size, trailing,...rest } = props;
	const { titleRoot } = cardVariants({ size });
	const mergedCls = cn(titleRoot(), className);
	return /* @__PURE__ */ jsxs("div", {
		className: mergedCls,
		...rest,
		ref,
		children: [
			leading,
			children,
			trailing
		]
	});
});
CardTitleRoot.displayName = "CardTitleRoot";

//#endregion
export { CardTitleRoot };