import { default as React } from 'react';
export interface RepeaterProps extends React.HTMLAttributes<HTMLDivElement> {
    items?: any[];
    children?: React.ReactNode | ((context: {
        item: any;
        index: number;
    }) => React.ReactNode);
    /** * @type|class
     * @schema [{
     * "key": "Layout",
     * "prefix": "",
     * "type": "select",
     * "options": [
     * {"key": "grid", "label": "Grid"},
     * {"key": "flex flex-col", "label": "Stack (Vertical)"}
     * ]
     * },{
     * "key": "Columns (Grid Only)",
     * "prefix": "grid-cols",
     * "type": "select",
     * "options": [
     * {"key": "1", "label": "1 Column"},
     * {"key": "2", "label": "2 Columns"},
     * {"key": "3", "label": "3 Columns"},
     * {"key": "4", "label": "4 Columns"},
     * {"key": "5", "label": "5 Columns"},
     * {"key": "6", "label": "6 Columns"},
     * {"key": "[repeat(auto-fit,minmax(250px,1fr))]", "label": "Auto-Fit Cards"}
     * ]
     * },{
     * "key": "Gap",
     * "prefix": "gap",
     * "type": "select",
     * "options": [
     * {"key": "0", "label": "None (0px)"},
     * {"key": "4", "label": "Small (16px)"},
     * {"key": "6", "label": "Medium (24px)"},
     * {"key": "8", "label": "Large (32px)"},
     * {"key": "12", "label": "Extra Large (48px)"}
     * ]
     * }]
     */
    className?: string;
}
export default function Repeater({ items, className, children, ...props }: RepeaterProps): import("react/jsx-runtime").JSX.Element;