@trove-ui/react/es/Flex/index.js

A React component library for T Design UI

import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
import * as __WEBPACK_EXTERNAL_MODULE_classnames__ from "classnames";
const Flex = ({ children, gap, wrap, align, justify, vertical, reverse, className, ...props })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
        ...props,
        className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])('flex', className),
        style: {
            gap,
            flexWrap: wrap,
            alignItems: align,
            justifyContent: justify,
            flexDirection: vertical ? reverse ? 'column-reverse' : 'column' : reverse ? 'row-reverse' : 'row',
            ...props.style
        },
        children: children
    });
const components_Flex = Flex;
export { components_Flex as default };