{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "jsonforms-horizontal-layout",
  "description": "JSONForms horizontal row layout renderer. Children are distributed equally.",
  "dependencies": [
    "@jsonforms/core",
    "@jsonforms/react"
  ],
  "files": [
    {
      "path": "registry/forms/renderers/horizontal-layout.tsx",
      "content": "import { Layout, LayoutProps, rankWith, uiTypeIs } from '@jsonforms/core';\nimport { JsonFormsDispatch, withJsonFormsLayoutProps } from '@jsonforms/react';\n\nconst HorizontalLayoutRenderer = (props: LayoutProps) => {\n    const { uischema, schema, path, visible, renderers, cells } = props;\n    const layout = uischema as Layout;\n\n    if (!visible) return null;\n\n    return (\n        <div className=\"flex flex-row gap-4\">\n            {layout.elements.map((element, index) => (\n                <div key={index} className=\"flex-1\">\n                    <JsonFormsDispatch\n                        schema={schema}\n                        uischema={element}\n                        path={path}\n                        renderers={renderers}\n                        cells={cells}\n                    />\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport const horizontalLayoutTester = rankWith(10, uiTypeIs('HorizontalLayout'));\nexport default withJsonFormsLayoutProps(HorizontalLayoutRenderer);",
      "type": "registry:component",
      "target": "components/forms/renderers/horizontal-layout.tsx"
    }
  ],
  "type": "registry:component"
}