import { Globals, ContentDistribution, ContentPosition, StringHack } from "./index";
/**
 * The CSS **`justify-content`** property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.
 *
 * **Initial value**: `normal`
 *
 * ---
 *
 * _Supported in Flex Layout_
 *
 * |  Chrome  | Firefox | Safari |  Edge  |   IE   |
 * | :------: | :-----: | :----: | :----: | :----: |
 * |  **52**  | **20**  | **9**  | **12** | **11** |
 * | 21 _-x-_ |         |        |        |        |
 *
 * ---
 *
 * _Supported in Grid Layout_
 *
 * | Chrome | Firefox |  Safari  |  Edge  | IE  |
 * | :----: | :-----: | :------: | :----: | :-: |
 * | **57** | **52**  | **10.1** | **16** | No  |
 *
 * ---
 *
 * @see https://developer.mozilla.org/docs/Web/CSS/justify-content
 */
export type JustifyContentProperty = Globals | ContentDistribution | ContentPosition | "left" | "normal" | "right" | StringHack;