import { unit } from "@antdv-next/cssinjs";
//#region components/bubble/style/system.ts
var genSystemBubbleStyle = (token) => {
	const { componentCls, paddingSM, paddingXS, lineHeight, fontSize, fontSizeSM, calc } = token;
	return { [componentCls]: { [`&${componentCls}-system`]: {
		width: "100%",
		justifyContent: "center",
		[`${componentCls}-content`]: {
			display: "flex",
			gap: `${unit(fontSizeSM)}`,
			alignItems: "center",
			minHeight: calc(paddingXS).mul(2).add(calc(lineHeight).mul(fontSize)).equal(),
			fontSize: `${unit(fontSize)}`,
			paddingInline: `${unit(paddingSM)}`,
			paddingBlock: `${unit(paddingXS)}`
		},
		[`${componentCls}-system-content`]: {},
		[`${componentCls}-system-extra`]: {}
	} } };
};
//#endregion
export { genSystemBubbleStyle };
