@tapie-kr/inspire-react
Version:
React Component Collection for INSPIRE
23 lines (20 loc) • 1.04 kB
JavaScript
'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
*/
import { jsx } from 'react/jsx-runtime';
import { grid } from './styles.css.js';
import cn from '../../../../_virtual/index.js';
import { useMediaQuery } from '../../../../hooks/use-media-query.js';
import { Box } from '../Box/index.js';
function Grid(props){const{gap,rowGap,columnGap,columnCount,columnCountWhenMobile=1,disableMobile,fullWidth,fullHeight,className,children}=props;const isMobile=useMediaQuery();return jsx(Box,{className:cn(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})}
export { Grid };