import { ComponentPropsWithoutRef } from 'react';
import { LayoutUtilProps } from '../../types';
/**
 * Props for the SkeletonPill component
 * @extends Omit<ComponentPropsWithoutRef<"div">, "children">
 * @extends Omit<LayoutUtilProps, "flex" | "flexBasis" | "flexGrow" | "flexShrink">
 */
export type SkeletonPillProps = Omit<ComponentPropsWithoutRef<"div">, "children"> & Omit<LayoutUtilProps, "flex" | "flexBasis" | "flexGrow" | "flexShrink"> & {
    /**
     * The width of the pill skeleton in CSS units.
     */
    width?: string;
    /**
     * Enables the AI visual style with blue gradient colors.
     */
    ai?: boolean;
};
/**
 * SkeletonPill component for displaying pill-shaped loading placeholders.
 *
 * Features:
 * - Pill-shaped skeleton placeholder with customizable width
 * - 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
 * - Large border radius for pill appearance
 * - Fixed height for consistent styling
 *
 * @example
 * <Skeleton.Pill width="120px" />
 *
 * <Skeleton.Pill
 *   width="8rem"
 *   className="custom-skeleton"
 *   aria-label="Loading tag"
 * />
 */
export declare const SkeletonPill: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & Omit<LayoutUtilProps, "flex" | "flexGrow" | "flexShrink" | "flexBasis"> & {
    /**
     * The width of the pill skeleton in CSS units.
     */
    width?: string;
    /**
     * Enables the AI visual style with blue gradient colors.
     */
    ai?: boolean;
} & import('react').RefAttributes<HTMLDivElement>>;
