//#region components/sender/style/header.ts
var genSenderHeaderStyle = (token) => {
	const { componentCls, calc } = token;
	const headerCls = `${componentCls}-header`;
	return { [componentCls]: {
		[`&${headerCls}-rtl`]: { direction: "rtl" },
		[`${headerCls}`]: {
			borderBottomWidth: token.lineWidth,
			borderBottomStyle: "solid",
			borderBottomColor: token.colorBorderInput,
			[`${headerCls}-header`]: {
				background: token.colorFillAlter,
				fontSize: token.fontSize,
				lineHeight: token.lineHeight,
				paddingBlock: calc(token.paddingSM).sub(token.lineWidthBold).equal(),
				paddingInlineStart: token.padding,
				paddingInlineEnd: token.paddingXS,
				display: "flex",
				borderRadius: {
					_skip_check_: true,
					value: calc(token.borderRadius).mul(2).equal()
				},
				borderEndStartRadius: 0,
				borderEndEndRadius: 0,
				[`${headerCls}-title`]: { flex: "auto" }
			},
			[`${headerCls}-content`]: { padding: token.padding }
		},
		[`${headerCls}-motion-enter-active, ${headerCls}-motion-leave-active`]: { transition: ["height", "border"].map((prop) => `${prop} ${token.motionDurationSlow}`).join(",") },
		[`${headerCls}-motion-enter-from, ${headerCls}-motion-leave-active`]: { borderBottomColor: "transparent" },
		[`${headerCls}-motion-hidden`]: { display: "none" }
	} };
};
//#endregion
export { genSenderHeaderStyle as default };
