@wordpress/components/src/ui/grid/utils.js

UI components for WordPress.

const ALIGNMENTS = {
	bottom: { alignItems: 'flex-end', justifyContent: 'center' },
	bottomLeft: { alignItems: 'flex-start', justifyContent: 'flex-end' },
	bottomRight: { alignItems: 'flex-end', justifyContent: 'flex-end' },
	center: { alignItems: 'center', justifyContent: 'center' },
	spaced: { alignItems: 'center', justifyContent: 'space-between' },
	left: { alignItems: 'center', justifyContent: 'flex-start' },
	right: { alignItems: 'center', justifyContent: 'flex-end' },
	stretch: { alignItems: 'stretch' },
	top: { alignItems: 'flex-start', justifyContent: 'center' },
	topLeft: { alignItems: 'flex-start', justifyContent: 'flex-start' },
	topRight: { alignItems: 'flex-start', justifyContent: 'flex-end' },
};

/* eslint-disable jsdoc/valid-types */
/**
 * @param {keyof typeof ALIGNMENTS | undefined} alignment
 * @return {{ alignItems?: import('react').CSSProperties['alignItems'], justifyContent?: import('react').CSSProperties['justifyContent']}} CSS props for alignment
 */
export function getAlignmentProps( alignment ) {
	const alignmentProps = alignment ? ALIGNMENTS[ alignment ] : {};

	return alignmentProps;
}
/* eslint-enable jsdoc/valid-types */