@kwiz/fluentui/dist/controls/vertical.js

KWIZ common controls for FluentUI

import { jsx as _jsx } from "react/jsx-runtime";
import { makeStyles } from '@fluentui/react-components';
import { isNotEmptyArray } from '@kwiz/common';
import React from 'react';
import { KnownClassNames, mixins } from '../styles/styles';
import { Section } from './section';
const useStyles = makeStyles({
    vertical: Object.assign(Object.assign({}, mixins.flex), { flexDirection: 'column' }),
    wrap: mixins.wrap,
    nogap: mixins.nogap,
    vCentered: {
        justifyContent: "center"
    },
});
export const Vertical = React.forwardRef((props, ref) => {
    const cssNames = useStyles();
    let css = [KnownClassNames.vertical];
    css.push(cssNames.vertical);
    if (props.wrap)
        css.push(cssNames.wrap);
    if (props.nogap)
        css.push(cssNames.nogap);
    if (props.vCentered)
        css.push(cssNames.vCentered);
    if (isNotEmptyArray(props.css))
        css.push(...props.css);
    return (_jsx(Section, Object.assign({}, props, { css: css, ref: ref })));
});
//# sourceMappingURL=vertical.js.map