Logo Preview

\n \n \n\n {/* First part of name (top line) */}\n \n {firstPart}\n \n\n {/* Second part of name (bottom line) - only shown in two-line mode */}\n {(!singleLineMode && lastPart) && (\n \n {lastPart}\n \n )}\n\n {emojiSvg && (\n \n )}\n\n \n \n \n \n\n \n \n {/* Guide lines to visualize layout */}\n {showGuideLines && (\n <>\n {/* Text center position */}\n \n \n {/* Emoji position */}\n \n \n {/* Top line baseline */}\n \n \n {/* Bottom line baseline */}\n {(!singleLineMode && lastPart) && (\n \n )}\n \n {/* Text position values */}\n \n X: {textXPosition}, Top Y: {adjustedTopY.toFixed(1)}, Bottom Y: {adjustedBottomY.toFixed(1)}\n \n \n {/* Spacing factor value */}\n \n Spacing Factor: {verticalSpacingFactor.toFixed(2)}, Spacing: {(adjustedBottomY - adjustedTopY).toFixed(1)}px\n \n \n )}\n \n

\n {singleLineMode ? (\n `Single line logo (${topFontSize}px)`\n ) : (\n `Two-line logo with top size ${topFontSize}px and bottom size ${bottomFontSize}px`\n )}\n {!singleLineMode && ` - Spacing factor: ${verticalSpacingFactor.toFixed(2)}`}\n {showGuideLines && \" (Guide lines visible)\"}\n

\n );\n};\n\nexport default LogoPreview;","deleted","label",[98],"permalink","https://www.val.town/x/dcm31/logoWorkshopOpenMoji/code/LogoPreview.tsx","extension","actionData","errors"]