import { unit } from "@antdv-next/cssinjs";
//#region components/thought-chain/style/thought-chain.ts
var genThoughtChainStyle = (token) => {
	const { componentCls, calc } = token;
	const iconSize = token.iconSize ?? token.fontSize;
	return { [componentCls]: {
		[`&${componentCls}-box`]: {
			display: "flex",
			flexDirection: "column",
			[`& ${componentCls}-node:last-of-type`]: { [`> ${componentCls}-node-icon`]: { "&:after": { display: "none" } } }
		},
		[`${componentCls}-node`]: {
			position: "relative",
			display: "flex",
			alignItems: "baseline",
			gap: token.marginSM,
			[`${componentCls}-status-error`]: { color: token.colorError },
			[`${componentCls}-status-success`]: { color: token.colorSuccess },
			[`${componentCls}-status-loading`]: { color: token.colorPrimary }
		},
		[`${componentCls}-node-header`]: {
			display: "flex",
			flexDirection: "column"
		},
		[`${componentCls}-node-title`]: {
			fontWeight: 500,
			display: "flex",
			gap: token.marginXS
		},
		[`${componentCls}-node-collapsible`]: {
			paddingInlineEnd: token.padding,
			cursor: "pointer"
		},
		[`${componentCls}-node-footer`]: { marginBottom: token.margin },
		[`${componentCls}-node-content-box`]: { marginBottom: token.margin },
		[`${componentCls}-node-collapse-icon`]: { "& svg": { transition: `transform ${token.motionDurationMid} ${token.motionEaseInOut}` } },
		[`${componentCls}-node-description`]: {
			color: token.colorTextDescription,
			fontSize: token.fontSize,
			lineHeight: token.lineHeight,
			marginBlockEnd: token.margin
		},
		[`${componentCls}-node-icon`]: {
			lineHeight: 1,
			fontSize: iconSize,
			"&:after": {
				content: "\"\"",
				position: "absolute",
				height: unit(calc("100%").sub(calc(iconSize).mul(token.lineHeight)).equal()),
				borderInlineStart: `${unit(token.lineWidth)} solid ${token.colorFillContent}`,
				insetInlineStart: unit(calc(iconSize).sub(1).div(2).equal()),
				top: unit(calc(iconSize).mul(token.lineHeight).equal())
			}
		},
		[`${componentCls}-node-icon-dashed`]: { "&:after": { borderInlineStart: `${unit(token.lineWidth)} dashed ${token.colorFillContent}` } },
		[`${componentCls}-node-icon-dotted`]: { "&:after": { borderInlineStart: `${unit(token.lineWidth)} dotted ${token.colorFillContent}` } },
		[`${componentCls}-node-index-icon`]: {
			display: "inline-flex",
			alignItems: "center",
			justifyContent: "center",
			lineHeight: 1,
			color: token.colorTextSecondary,
			fontSize: token.fontSizeSM,
			width: iconSize,
			height: iconSize,
			backgroundColor: token.colorFillContent,
			borderRadius: unit(calc(iconSize).div(2).equal())
		},
		[`${componentCls}-status`]: {
			display: "inline-flex",
			alignItems: "center",
			fontSize: iconSize
		},
		[`${componentCls}-status-abort`]: { color: token.colorTextQuaternary },
		[`${componentCls}-collapse-enter-active, ${componentCls}-collapse-leave-active`]: {
			transition: `height ${token.motionDurationMid} ${token.motionEaseInOut}, opacity ${token.motionDurationMid} ${token.motionEaseInOut}`,
			overflow: "hidden"
		},
		[`&${componentCls}-rtl`]: {
			direction: "rtl",
			[`${componentCls}-node-icon`]: { "&:after": {
				insetInlineStart: "unset",
				insetInlineEnd: unit(calc(iconSize).sub(1).div(2).equal())
			} }
		}
	} };
};
//#endregion
export { genThoughtChainStyle as default };
