import { ReactNode } from 'react';
/**
 * Card type for loading skeleton
 */
export type CardGroupLoadingType = 'base' | 'four-thumbnail' | 'quick-action' | 'single-thumbnail';
export interface CardGroupProps {
    /**
     * Custom class name
     */
    className?: string;
    /**
     * Card components to render in the group.
     * Only accepts BaseCard, QuickActionCard, SingleThumbnailCard, and FourThumbnailCard as children.
     */
    children?: ReactNode;
    /**
     * Whether to show loading skeletons
     * @default false
     */
    loading?: boolean;
    /**
     * Number of skeleton items to render when loading
     * @default 3
     */
    loadingCount?: number;
    /**
     * Type of card skeleton to render when loading.
     * Required when loading is true.
     */
    loadingType?: CardGroupLoadingType;
    /**
     * Width of each thumbnail skeleton when loadingType is 'single-thumbnail' or 'four-thumbnail'.
     * @default 360
     */
    loadingThumbnailWidth?: number | string;
    /**
     * Aspect ratio of thumbnail skeletons when loadingType is 'single-thumbnail' or 'four-thumbnail'.
     * For single-thumbnail, defaults to '16/9'. For four-thumbnail, defaults to '4/3'.
     */
    loadingThumbnailAspectRatio?: string;
}
/**
 * CardGroup is a container for card components.
 * It uses CSS Grid to layout cards in a horizontal row with consistent spacing.
 */
declare const CardGroup: import("react").ForwardRefExoticComponent<CardGroupProps & import("react").RefAttributes<HTMLDivElement>>;
export default CardGroup;