import{jsx as t}from"react/jsx-runtime";import{useMemo as r}from"react";import s from"classnames";import{Cell as o}from"./Cell.js";import{ColumnCountCssVar as m}from"./constants.js";import e from"../../styles/common.scss.js";import i from"./Grid.scss.js";var a=function(o){var a=o.gap,c=void 0===a?2:a,n=o.cols,l=void 0===n?12:n,p=o.className,d=o.testId,f=o.children,u=o.alignItems,v=void 0===u?"stretch":u,j=o.justifyItems,g=void 0===j?"stretch":j,I=r((function(){var t;return(t={gap:"".concat(c*Number(e.spacing),"px"),gridTemplateColumns:"repeat(".concat(l,", minmax(0, 1fr))"),alignItems:v,justifyItems:g})[m]=l,t}),[c,l,v,g]);return t("div",{className:s(i.root,p),style:I,"data-testid":d,children:f})};a.Cell=o;var c=a;export{c as Grid};
