@etsoo/materialui/lib/mjs/FlexBox.js

TypeScript Material-UI Implementation

import { jsx as _jsx } from "react/jsx-runtime";
import Stack from "@mui/material/Stack";
/**
 * Horizonal box
 * @param props Props
 * @returns Component
 */
export function HBox(props) {
    return _jsx(Stack, { direction: "row", width: "100%", ...props });
}
/**
 * Horizonal box with list items
 * @param props Props
 * @returns Component
 */
export function HBoxList(props) {
    return (_jsx(Stack, { spacing: 1, gap: 1, direction: "row", flexWrap: "wrap", width: "100%", ...props }));
}
/**
 * Vertial box
 * @param props Props
 * @returns Component
 */
export function VBox(props) {
    return _jsx(Stack, { direction: "column", ...props });
}