//#region components/bubble/style/content.ts
var genVariantStyle = (token) => {
	const { componentCls } = token;
	return { [componentCls]: { [`${componentCls}-content`]: {
		"&-filled": { backgroundColor: token.colorFillContent },
		"&-outlined": { border: `1px solid ${token.colorBorderSecondary}` },
		"&-shadow": { boxShadow: token.boxShadowTertiary },
		"&-borderless": {
			backgroundColor: "transparent",
			padding: 0,
			minHeight: 0
		}
	} } };
};
var genShapeStyle = (token) => {
	const { componentCls, fontSize, lineHeight, paddingSM, borderRadius, calc } = token;
	const halfRadius = calc(fontSize).mul(lineHeight).div(2).add(paddingSM).equal();
	const defaultRadius = calc(borderRadius).mul(2).equal();
	const contentCls = `${componentCls}-content`;
	return { [componentCls]: {
		[contentCls]: {
			"&-default": { borderRadius: {
				_skip_check_: true,
				value: defaultRadius
			} },
			"&-round": { borderRadius: {
				_skip_check_: true,
				value: halfRadius
			} },
			"&-corner": { borderRadius: {
				_skip_check_: true,
				value: defaultRadius
			} },
			"&-editing": {
				"div:first-child": { outline: "none" },
				[`${componentCls}-editing-opts`]: {
					marginBlockStart: token.marginSM,
					"button:last-child": {
						backgroundColor: token.colorBgContainer,
						"&:hover": { backgroundColor: token.colorBgLayout }
					}
				}
			}
		},
		[`&${componentCls}-start ${componentCls}-content-corner`]: { borderStartStartRadius: token.borderRadiusXS },
		[`&${componentCls}-end ${componentCls}-content-corner`]: { borderStartEndRadius: token.borderRadiusXS }
	} };
};
//#endregion
export { genShapeStyle, genVariantStyle };
