<% var orientation = formatter.getFormat('orientation', 'horizontal'); var flexDirection = orientation === 'vertical' ? 'column' : 'row'; var separatorPaddingProp = orientation === 'vertical' ? 'padding-top' : 'padding-left'; var separatorPaddingProp2 = orientation === 'vertical' ? 'padding-bottom' : 'padding-right'; var textAlign = formatter.getFormat('text_align'); var alignItems = 'center'; if (orientation === 'vertical' && textAlign) { alignItems = textAlign === 'left' ? 'flex-start' : (textAlign === 'right' ? 'flex-end' : 'center'); } // Only dump the text/style-relevant formats onto the . Without this // filter, non-style keys (align, orientation, separator, separator_gap) // get kebab-cased into the style attribute as invalid CSS like // `align: center; orientation: horizontal;` — benign visually but // confusing when inspecting and makes audits harder to reason about. var anchorStyles = formatter.toStyleStringAll(['font_family', 'font_weight', 'font_size', 'text_color']); %>