@arolariu/components/dist/components/ui/form-skeleton.js

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

import { jsx, jsxs } from "react/jsx-runtime";
import { cn } from "../../lib/utilities.js";
import form_skeleton_module from "./form-skeleton.module.js";
import { Skeleton } from "./skeleton.js";
import * as __rspack_external_react from "react";
const FormSkeleton = /*#__PURE__*/ __rspack_external_react.forwardRef(({ fields = 4, className, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
        ref: ref,
        className: cn(form_skeleton_module.form, className),
        ...props,
        children: [
            Array.from({
                length: fields
            }, (_, index)=>/*#__PURE__*/ jsxs("div", {
                    className: form_skeleton_module.field,
                    children: [
                        /*#__PURE__*/ jsx(Skeleton, {
                            className: form_skeleton_module.label
                        }),
                        /*#__PURE__*/ jsx(Skeleton, {
                            className: form_skeleton_module.input
                        })
                    ]
                }, index)),
            /*#__PURE__*/ jsx(Skeleton, {
                className: form_skeleton_module.submit
            })
        ]
    }));
FormSkeleton.displayName = "FormSkeleton";
export { FormSkeleton };

//# sourceMappingURL=form-skeleton.js.map