import React from 'react';
import type { ComponentMetadata } from '@/lib/component-metadata';
interface BentoCardProps {
    children: React.ReactNode;
    className?: string;
    spans?: {
        sm?: string;
        md?: string;
        lg?: string;
    };
    contentType?: 'text' | 'image' | 'chart' | 'video' | 'cta' | 'custom';
    priority?: 'low' | 'medium' | 'high';
    variant?: 'card' | 'seamless';
}
interface BentoBoxProps {
    children: React.ReactNode;
    className?: string;
    columns?: {
        sm?: number;
        md?: number;
        lg?: number;
    };
    gap?: 'sm' | 'md' | 'lg';
}
declare const BentoCard: React.FC<BentoCardProps>;
declare const BentoBox: React.FC<BentoBoxProps>;
declare const BentoBoxDemo: () => import("react/jsx-runtime").JSX.Element;
export default BentoBoxDemo;
export { BentoBox, BentoCard };
export declare const bentoBoxMetadata: ComponentMetadata;
export declare const bentoCardMetadata: ComponentMetadata;
//# sourceMappingURL=bento-box.d.ts.map