import { ComponentPropsWithoutRef } from 'react';
import { LayoutUtilProps } from '../../types';
/**
 * Props for the SkeletonRectangle component
 * @extends Omit<ComponentPropsWithoutRef<"div">, "children">
 * @extends Omit<LayoutUtilProps, "flex" | "flexBasis" | "flexGrow" | "flexShrink">
 */
export type SkeletonRectangleProps = Omit<ComponentPropsWithoutRef<"div">, "children"> & Omit<LayoutUtilProps, "flex" | "flexBasis" | "flexGrow" | "flexShrink"> & {
    /**
     * The height of the rectangular skeleton in CSS units.
     * @default 56px
     */
    height?: string;
    /**
     * Enables the AI visual style with blue gradient colors.
     */
    ai?: boolean;
};
/**
 * SkeletonRectangle component for displaying rectangular loading placeholders.
 *
 * Features:
 * - Rectangular skeleton placeholder with customizable height
 * - Animated pulsing effect for loading indication
 * - Accessible with proper ARIA attributes
 * - Layout utility props for positioning and spacing
 * - Customizable styling through className and style props
 * - Progress bar role for screen readers
 * - Medium border radius for consistent styling
 *
 * @example
 * <Skeleton.Rectangle height="100px" />
 *
 * <Skeleton.Rectangle
 *   height="2rem"
 *   className="custom-skeleton"
 *   aria-label="Loading image"
 * />
 */
export declare const SkeletonRectangle: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & Omit<LayoutUtilProps, "flex" | "flexGrow" | "flexShrink" | "flexBasis"> & {
    /**
     * The height of the rectangular skeleton in CSS units.
     * @default 56px
     */
    height?: string;
    /**
     * Enables the AI visual style with blue gradient colors.
     */
    ai?: boolean;
} & import('react').RefAttributes<HTMLDivElement>>;