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

React Component Collection for INSPIRE

/* 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 align_css = require('./styles/align.css.js');
var base_css = require('./styles/base.css.js');
var direction_css = require('./styles/direction.css.js');
var justify_css = require('./styles/justify.css.js');
var wrap_css = require('./styles/wrap.css.js');
var index$1 = require('../../../../_virtual/index.js');
var types = require('../../../../lib/layout/types.js');
var index = require('../Box/index.js');

function Stack(props){const{align=types.StackAlign.CENTER,direction=types.StackDirection.ROW,justify=types.StackJustify.CENTER,wrap=types.StackWrap.NO_WRAP,spacing,className,style:baseStyle,...rest}=props;const classNames=[className,base_css.base,align_css[align],direction_css[direction],justify_css[justify],wrap_css[wrap]];const style={...baseStyle,gap:typeof spacing==="number"?`${spacing}px`:spacing};return jsxRuntime.jsx(index.Box,{className:index$1.default(classNames),style:style,...rest})}

exports.Stack = Stack;