@ant-design/x/es/bubble/style/system.js

Craft AI-driven interfaces effortlessly

import { unit } from '@ant-design/cssinjs';
export const 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`]: {}
      }
    }
  };
};