import React__default from 'react';
import classnames from 'classnames';
import { a as GridCell } from './GridCell-es.js';
import { g as getMappedAtlantisSpaceToken } from './getMappedAtlantisSpaceToken-es.js';

var styles = {"grid":"_0X4jj5NERa4-","gap":"d3vl57tdCWA-","spinning":"Y--XfgJk5Fw-"};

var alignments = {"center":"V-24AGDyie4-","start":"H0zdYNTapmM-","end":"O5VtcGWRV3M-","stretch":"wVv5gaWrouI-","spinning":"DcsVgHCowbg-"};

const GRID_TEST_ID = "ATL-Grid";
function getGapStyles(gap) {
    if (typeof gap === "boolean") {
        if (gap === true) {
            return { className: styles.gap };
        }
        return {};
    }
    const gapValue = getMappedAtlantisSpaceToken(gap);
    if (gapValue) {
        return { style: { gap: gapValue } };
    }
    return {};
}
function Grid({ alignItems = "start", gap = true, children, }) {
    const { className: gapClass, style: gapStyle } = getGapStyles(gap);
    return (React__default.createElement("div", { "data-testid": GRID_TEST_ID, className: classnames(styles.grid, alignments[alignItems], gapClass), style: gapStyle }, children));
}
Grid.Cell = GridCell;

export { GRID_TEST_ID as G, Grid as a };
