import { jsx } from 'react/jsx-runtime';
import { forwardRef } from 'react';
import { c as cx } from './index-De1g9FRV.js';

import './Layout.css';const container = "_container_1iehx_1";
const fluid = "_fluid_1iehx_12";
const grid = "_grid_1iehx_16";
const cell = "_cell_1iehx_28";
const wide = "_wide_1iehx_33";
const narrow = "_narrow_1iehx_47";
const xs1 = "_xs1_1iehx_56";
const xs2 = "_xs2_1iehx_60";
const xs3 = "_xs3_1iehx_64";
const xs4 = "_xs4_1iehx_68";
const xs5 = "_xs5_1iehx_69";
const xs6 = "_xs6_1iehx_70";
const xs7 = "_xs7_1iehx_71";
const xs8 = "_xs8_1iehx_72";
const xs9 = "_xs9_1iehx_73";
const xs10 = "_xs10_1iehx_74";
const xs11 = "_xs11_1iehx_75";
const xs12 = "_xs12_1iehx_76";
const sm1 = "_sm1_1iehx_81";
const sm2 = "_sm2_1iehx_84";
const sm3 = "_sm3_1iehx_87";
const sm4 = "_sm4_1iehx_90";
const sm5 = "_sm5_1iehx_91";
const sm6 = "_sm6_1iehx_92";
const sm7 = "_sm7_1iehx_93";
const sm8 = "_sm8_1iehx_94";
const sm9 = "_sm9_1iehx_95";
const sm10 = "_sm10_1iehx_96";
const sm11 = "_sm11_1iehx_97";
const sm12 = "_sm12_1iehx_98";
const md1 = "_md1_1iehx_139";
const md2 = "_md2_1iehx_142";
const md3 = "_md3_1iehx_145";
const md4 = "_md4_1iehx_148";
const md5 = "_md5_1iehx_151";
const md6 = "_md6_1iehx_154";
const md7 = "_md7_1iehx_157";
const md8 = "_md8_1iehx_160";
const md9 = "_md9_1iehx_163";
const md10 = "_md10_1iehx_166";
const md11 = "_md11_1iehx_169";
const md12 = "_md12_1iehx_172";
const lg1 = "_lg1_1iehx_177";
const lg2 = "_lg2_1iehx_180";
const lg3 = "_lg3_1iehx_183";
const lg4 = "_lg4_1iehx_186";
const lg5 = "_lg5_1iehx_189";
const lg6 = "_lg6_1iehx_192";
const lg7 = "_lg7_1iehx_195";
const lg8 = "_lg8_1iehx_198";
const lg9 = "_lg9_1iehx_201";
const lg10 = "_lg10_1iehx_204";
const lg11 = "_lg11_1iehx_207";
const lg12 = "_lg12_1iehx_210";
const xl1 = "_xl1_1iehx_215";
const xl2 = "_xl2_1iehx_218";
const xl3 = "_xl3_1iehx_221";
const xl4 = "_xl4_1iehx_224";
const xl5 = "_xl5_1iehx_227";
const xl6 = "_xl6_1iehx_230";
const xl7 = "_xl7_1iehx_233";
const xl8 = "_xl8_1iehx_236";
const xl9 = "_xl9_1iehx_239";
const xl10 = "_xl10_1iehx_242";
const xl11 = "_xl11_1iehx_245";
const xl12 = "_xl12_1iehx_248";
const xxl1 = "_xxl1_1iehx_253";
const xxl2 = "_xxl2_1iehx_256";
const xxl3 = "_xxl3_1iehx_259";
const xxl4 = "_xxl4_1iehx_262";
const xxl5 = "_xxl5_1iehx_265";
const xxl6 = "_xxl6_1iehx_268";
const xxl7 = "_xxl7_1iehx_271";
const xxl8 = "_xxl8_1iehx_274";
const xxl9 = "_xxl9_1iehx_277";
const xxl10 = "_xxl10_1iehx_280";
const xxl11 = "_xxl11_1iehx_283";
const xxl12 = "_xxl12_1iehx_286";
const styles = {
	container: container,
	fluid: fluid,
	grid: grid,
	cell: cell,
	wide: wide,
	narrow: narrow,
	xs1: xs1,
	xs2: xs2,
	xs3: xs3,
	xs4: xs4,
	xs5: xs5,
	xs6: xs6,
	xs7: xs7,
	xs8: xs8,
	xs9: xs9,
	xs10: xs10,
	xs11: xs11,
	xs12: xs12,
	sm1: sm1,
	sm2: sm2,
	sm3: sm3,
	sm4: sm4,
	sm5: sm5,
	sm6: sm6,
	sm7: sm7,
	sm8: sm8,
	sm9: sm9,
	sm10: sm10,
	sm11: sm11,
	sm12: sm12,
	md1: md1,
	md2: md2,
	md3: md3,
	md4: md4,
	md5: md5,
	md6: md6,
	md7: md7,
	md8: md8,
	md9: md9,
	md10: md10,
	md11: md11,
	md12: md12,
	lg1: lg1,
	lg2: lg2,
	lg3: lg3,
	lg4: lg4,
	lg5: lg5,
	lg6: lg6,
	lg7: lg7,
	lg8: lg8,
	lg9: lg9,
	lg10: lg10,
	lg11: lg11,
	lg12: lg12,
	xl1: xl1,
	xl2: xl2,
	xl3: xl3,
	xl4: xl4,
	xl5: xl5,
	xl6: xl6,
	xl7: xl7,
	xl8: xl8,
	xl9: xl9,
	xl10: xl10,
	xl11: xl11,
	xl12: xl12,
	xxl1: xxl1,
	xxl2: xxl2,
	xxl3: xxl3,
	xxl4: xxl4,
	xxl5: xxl5,
	xxl6: xxl6,
	xxl7: xxl7,
	xxl8: xxl8,
	xxl9: xxl9,
	xxl10: xxl10,
	xxl11: xxl11,
	xxl12: xxl12
};

const LayoutItem = forwardRef(
  ({ children, className, span = 12, xs, sm, md, lg, xl, xxl, ...props }, ref) => {
    return /* @__PURE__ */ jsx(
      "div",
      {
        ref,
        ...props,
        className: cx(
          styles.cell,
          styles[`xs${xs || span}`],
          {
            [styles[`sm${sm}`]]: sm,
            [styles[`md${md}`]]: md,
            [styles[`lg${lg}`]]: lg,
            [styles[`xl${xl}`]]: xl,
            [styles[`xxl${xxl}`]]: xxl
          },
          className
        ),
        children
      }
    );
  }
);
LayoutItem.displayName = "LayoutItem";
const Layout = Object.assign(
  forwardRef(function LayoutInner(props, ref) {
    const {
      children,
      className,
      fluid = false,
      variant = "default",
      ...rest
    } = props;
    return /* @__PURE__ */ jsx("div", { className: cx(styles.container, { [styles.fluid]: fluid }), children: /* @__PURE__ */ jsx(
      "div",
      {
        className: cx(
          styles.grid,
          {
            [styles.wide]: variant === "wide",
            [styles.narrow]: variant === "narrow"
          },
          className
        ),
        ref,
        ...rest,
        children
      }
    ) });
  }),
  {
    Item: LayoutItem
  }
);
Layout.displayName = "Layout";
const LayoutElement = Layout;

export { Layout as L, LayoutItem as a, LayoutElement as b };
//# sourceMappingURL=Layout-C2Q2hyLG.js.map
