@drivy/cobalt/components/Form/ComposedField.js

Opinionated design system for Drivy's projects.

import { jsx } from 'react/jsx-runtime';
import React from 'react';
import { withFieldLabelAndHint } from './field.js';

const ComposedFormField = ({ id, children }) => {
    return (jsx("div", { className: "cobalt-ComposedFormField", children: React.Children.toArray(children).map((child, index) => {
            if (index === 0 && React.isValidElement(child)) {
                return React.cloneElement(child, { id });
            }
            return child;
        }) }));
};
const wrappedComponent = withFieldLabelAndHint(ComposedFormField);
wrappedComponent.displayName = "ComposedField";

export { wrappedComponent as ComposedField };
//# sourceMappingURL=ComposedField.js.map