'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import { RenderFields } from '../../forms/RenderFields/index.js';
import { withCondition } from '../../forms/withCondition/index.js';
import { fieldBaseClass } from '../shared/index.js';
import './index.scss';
import { RowProvider } from './provider.js';
const baseClass = 'row';
const RowFieldComponent = (props)=>{
    const { field: { admin: { className, style } = {}, fields }, forceRender = false, indexPath = '', parentPath = '', parentSchemaPath = '', permissions, readOnly } = props;
    return /*#__PURE__*/ _jsxDEV(RowProvider, {
        children: /*#__PURE__*/ _jsxDEV("div", {
            className: [
                fieldBaseClass,
                baseClass,
                className
            ].filter(Boolean).join(' '),
            style: style || undefined,
            children: /*#__PURE__*/ _jsxDEV(RenderFields, {
                className: `${baseClass}__fields`,
                fields: fields,
                forceRender: forceRender,
                margins: false,
                parentIndexPath: indexPath,
                parentPath: parentPath,
                parentSchemaPath: parentSchemaPath,
                permissions: permissions,
                readOnly: readOnly
            }, void 0, false, {
                fileName: "src/fields/Row/index.tsx",
                lineNumber: 31,
                columnNumber: 9
            }, this)
        }, void 0, false, {
            fileName: "src/fields/Row/index.tsx",
            lineNumber: 27,
            columnNumber: 7
        }, this)
    }, void 0, false, {
        fileName: "src/fields/Row/index.tsx",
        lineNumber: 26,
        columnNumber: 5
    }, this);
};
export const RowField = withCondition(RowFieldComponent);

//# sourceMappingURL=index.js.map