@tapie-kr/inspire-react/dist/cjs/components/miscellaneous/layout/Grid/index.js

React Component Collection for INSPIRE

'use client';
/* eslint-disable */
/*
 * INSPIRE : Creative Kit
 * React Component Collection for INSPIRE
 *
 * This file is generated automatically. Do not modify it manually
 * Generated at : 2025. 3. 4. 오후 6:18:13
 * @tapie-kr/inspire-react version: 0.2.15
 *
 * (c) 2025 TAPIE. All rights reserved.
 * MIT License
*/
'use strict';

var jsxRuntime = require('react/jsx-runtime');
var styles_css = require('./styles.css.js');
var index$1 = require('../../../../_virtual/index.js');
var useMediaQuery = require('../../../../hooks/use-media-query.js');
var index = require('../Box/index.js');

function Grid(props){const{gap,rowGap,columnGap,columnCount,columnCountWhenMobile=1,disableMobile,fullWidth,fullHeight,className,children}=props;const isMobile=useMediaQuery.useMediaQuery();return jsxRuntime.jsx(index.Box,{className:index$1.default(styles_css.grid,className),style:{rowGap:rowGap||gap,columnGap:columnGap||gap,gridTemplateColumns:`repeat(${isMobile&&!disableMobile?columnCountWhenMobile:columnCount}, 1fr)`,width:fullWidth?"100%":undefined,height:fullHeight?"100%":undefined},children:children})}

exports.Grid = Grid;