import { unit } from "@antdv-next/cssinjs";
//#region components/think/style/think.ts
var genThinkStyle = (token) => {
	const { componentCls, paddingXS, paddingSM, marginSM, fontSize, fontSizeHeading5, fontSizeSM, lineHeight, colorTextSecondary, colorTextDescription, colorBorder, lineWidth, motionDurationMid, motionEaseInOut } = token;
	return { [componentCls]: {
		[`${componentCls}-collapse-enter-active, ${componentCls}-collapse-leave-active`]: {
			transition: `height ${motionDurationMid} ${motionEaseInOut}, opacity ${motionDurationMid} ${motionEaseInOut}`,
			overflow: "hidden"
		},
		[`${componentCls}-status-wrapper`]: {
			width: "fit-content",
			display: "flex",
			flexDirection: "row",
			alignItems: "center",
			columnGap: unit(paddingXS),
			fontSize,
			lineHeight,
			color: colorTextSecondary,
			cursor: "pointer",
			userSelect: "none"
		},
		[`${componentCls}-status-icon`]: {
			display: "flex",
			alignItems: "center",
			fontSize: fontSizeHeading5
		},
		[`${componentCls}-status-text`]: {
			flex: 1,
			fontSize,
			lineHeight
		},
		[`${componentCls}-status-down-icon`]: {
			display: "inline-flex",
			alignItems: "center",
			fontSize: fontSizeSM,
			transition: `transform ${motionDurationMid} ${motionEaseInOut}`
		},
		[`${componentCls}-content`]: {
			width: "100%",
			marginTop: marginSM,
			paddingInlineStart: paddingSM,
			borderInlineStart: `${unit(token.calc(lineWidth).mul(2).equal())} solid ${colorBorder}`,
			color: colorTextDescription
		},
		[`&${componentCls}-rtl`]: { direction: "rtl" }
	} };
};
//#endregion
export { genThinkStyle as default };
