@lobehub/ui/es/awesome/LandingHero/LandingHero.mjs

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

"use client";
import { LandingActions } from "../landingActions.mjs";
import { styles } from "./style.mjs";
import { memo } from "react";
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
import { cx } from "antd-style";
//#region src/awesome/LandingHero/LandingHero.tsx
const LandingHero = memo(({ accent, actions, aside, badge, children, className, description, onNavigate, renderLink, title, ...rest }) => /* @__PURE__ */ jsx("section", {
	className: cx(styles.root, className),
	"data-layout": aside ? "split" : "center",
	...rest,
	children: /* @__PURE__ */ jsxs("div", {
		className: styles.content,
		children: [/* @__PURE__ */ jsxs("div", {
			className: styles.main,
			children: [/* @__PURE__ */ jsxs("div", {
				className: styles.intro,
				children: [
					badge && /* @__PURE__ */ jsx("div", {
						className: styles.badge,
						children: badge
					}),
					/* @__PURE__ */ jsxs("h1", {
						className: styles.title,
						children: [title, accent && /* @__PURE__ */ jsxs(Fragment$1, { children: [" ", /* @__PURE__ */ jsx("span", {
							className: styles.accent,
							children: accent
						})] })]
					}),
					description && /* @__PURE__ */ jsx("p", {
						className: styles.description,
						children: description
					}),
					actions && actions.length > 0 && /* @__PURE__ */ jsx(LandingActions, {
						actions,
						className: styles.actions,
						renderLink,
						onNavigate
					})
				]
			}), aside && /* @__PURE__ */ jsx("div", {
				className: styles.aside,
				children: aside
			})]
		}), children && /* @__PURE__ */ jsx("div", {
			className: styles.extra,
			children
		})]
	})
}));
LandingHero.displayName = "LandingHero";
//#endregion
export { LandingHero as default };

//# sourceMappingURL=LandingHero.mjs.map