@kwiz/fluentui/dist/controls/field-set.js

KWIZ common controls for FluentUI

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { makeStyles, shorthands, tokens } from "@fluentui/react-components";
import React from "react";
import { Horizontal } from "./horizontal";
const useStyles = makeStyles({
    fieldset: Object.assign({ borderRadius: tokens.borderRadiusMedium }, shorthands.borderColor(tokens.colorNeutralStrokeSubtle)),
    horizontal: {
        alignItems: "start"
    }
});
export const FieldSet = React.forwardRef(({ title, children }, ref) => {
    const css = useStyles();
    return _jsxs("fieldset", { ref: ref, className: css.fieldset, children: [_jsx("legend", { children: title }), children] });
});
export const HorizontalFieldSet = React.forwardRef(({ title, children }, ref) => {
    const css = useStyles();
    return _jsx(FieldSet, { title: title, children: _jsx(Horizontal, { wrap: true, css: [css.horizontal], children: children }) });
});
//# sourceMappingURL=field-set.js.map