Function tailwindFrame

packages/backend/src/tailwind/tailwindMain.ts:172–199

(
  node: FrameNode | InstanceNode | ComponentNode | ComponentSetNode,
  settings: TailwindSettings,
)

};

const tailwindFrame = async (
  node: FrameNode | InstanceNode | ComponentNode | ComponentSetNode,
  settings: TailwindSettings,
): Promise<string> => {
  // Check if this is an instance and should be rendered as a Twig component
  if (node.type === "INSTANCE" && isTwigComponentNode(node)) {
    return tailwindTwigComponentInstance(node, settings);
  }

  const childrenStr = await tailwindWidgetGenerator(node.children, settings);

  const clipsContentClass =
    node.clipsContent && "children" in node && node.children.length > 0
      ? "overflow-hidden"
      : "";
  let layoutProps = "";

  if (node.layoutMode !== "NONE") {
    layoutProps = tailwindAutoLayoutProps(node, node);
  }

  // Combine classes properly, ensuring no extra spaces
  const combinedProps = [layoutProps, clipsContentClass]
    .filter(Boolean)
    .join(" ");

  return tailwindContainer(node, childrenStr, combinedProps, settings);
};


// Helper function to generate Twig component syntax for component instances