import { genStyleHooks } from "../../theme/genStyleUtils.js";
import { mergeToken } from "@antdv-next/cssinjs/cssinjs-utils";
//#region components/welcome/style/index.ts
var genWelcomeStyle = (token) => {
	const { componentCls, calc } = token;
	const titleHeight = calc(token.fontSizeHeading3).mul(token.lineHeightHeading3).equal();
	const descHeight = calc(token.fontSize).mul(token.lineHeight).equal();
	return { [componentCls]: {
		display: "flex",
		alignItems: "flex-start",
		gap: token.padding,
		[`${componentCls}-icon`]: {
			height: calc(titleHeight).add(descHeight).add(token.paddingXXS).equal(),
			display: "flex",
			flex: "none",
			img: {
				height: "100%",
				display: "block"
			}
		},
		[`${componentCls}-content-wrapper`]: {
			display: "flex",
			flexDirection: "column",
			gap: token.paddingXS,
			flex: "auto",
			minWidth: 0
		},
		[`${componentCls}-title-wrapper`]: {
			display: "flex",
			alignItems: "flex-start",
			gap: token.paddingXS
		},
		[`${componentCls}-title`]: { margin: 0 },
		[`${componentCls}-extra`]: { marginInlineStart: "auto" },
		[`${componentCls}-description`]: { display: "block" },
		[`&${componentCls}-rtl`]: { direction: "rtl" }
	} };
};
var genVariantStyle = (token) => {
	const { componentCls } = token;
	return { [componentCls]: {
		"&-filled": {
			paddingInline: token.padding,
			paddingBlock: token.paddingSM,
			background: token.colorFillContent,
			borderRadius: token.borderRadiusLG
		},
		"&-borderless": { [`${componentCls}-title`]: {
			fontSize: token.fontSizeHeading3,
			lineHeight: token.lineHeightHeading3
		} }
	} };
};
var prepareComponentToken = () => ({});
var style_default = genStyleHooks("Welcome", (token) => {
	const compToken = mergeToken(token, {});
	return [genWelcomeStyle(compToken), genVariantStyle(compToken)];
}, prepareComponentToken);
//#endregion
export { style_default as default, prepareComponentToken };
