Function makeRowColumnWrap

packages/backend/src/compose/composeMain.ts:282–319

(
  autoLayout: InferredAutoLayoutResult,
  children: string,
)

};

const makeRowColumnWrap = (
  autoLayout: InferredAutoLayoutResult,
  children: string,
): string => {
  const isRow = autoLayout.layoutMode === "HORIZONTAL";
  const composable = isRow ? "Row" : "Column";

  const widgetProps: Record<string, any> = {};

  // Add alignment properties
  if (isRow) {
    widgetProps.horizontalArrangement = getMainAxisAlignment(autoLayout);
    widgetProps.verticalAlignment = getCrossAxisAlignment(autoLayout);
  } else {
    widgetProps.verticalArrangement = getMainAxisAlignment(autoLayout);
    widgetProps.horizontalAlignment = getCrossAxisAlignment(autoLayout);
  }

  // Add spacing if needed
  if (autoLayout.itemSpacing > 0) {
    const arrangement = isRow ? "horizontalArrangement" : "verticalArrangement";
    const currentArrangement = widgetProps[arrangement];
    // If we already have an arrangement, combine with spacedBy
    if (currentArrangement && currentArrangement.includes("Arrangement.")) {
      widgetProps[arrangement] =
        `Arrangement.spacedBy(${autoLayout.itemSpacing}.dp, ${currentArrangement})`;
    } else {
      widgetProps[arrangement] =
        `Arrangement.spacedBy(${autoLayout.itemSpacing}.dp)`;
    }
  } else if (autoLayout.itemSpacing < 0) {
    addWarning("Compose doesn't support negative itemSpacing");
  }

  widgetProps.content = [children];

  return generateComposeWidget(composable, widgetProps);
};

export const composeCodeGenTextStyles = () => {
  const result = previousExecutionCache