import React from 'react';
import { CommonProps } from '@contentful/f36-core';

type stringOrNumber$1 = string | number;
interface SkeletonTextProps {
    /**
     * A number of skeleton likes
     */
    numberOfLines?: number;
    /**
     * A distance between top of the container and the first line (in pixels)
     */
    offsetTop?: stringOrNumber$1;
    /**
     * A distance between left of the container and the beginning of lines (in pixels)
     */
    offsetLeft?: stringOrNumber$1;
    /**
     * A height of a one line (in pixels)
     */
    lineHeight?: stringOrNumber$1;
    /**
     * Spacing between lines (in pixels)
     */
    marginBottom?: stringOrNumber$1;
    /**
     * X-axis border radius (in number)
     */
    radiusX?: stringOrNumber$1;
    /**
     * Y-axis border radius (in number)
     */
    radiusY?: stringOrNumber$1;
    /**
     * A width of a line
     */
    width?: stringOrNumber$1;
}
declare const SkeletonText: {
    ({ numberOfLines, offsetLeft, offsetTop, lineHeight, marginBottom, radiusX, radiusY, width, }: SkeletonTextProps): React.JSX.Element;
    displayName: string;
};

declare const SkeletonBodyText: {
    ({ lineHeight, marginBottom, numberOfLines, offsetLeft, offsetTop, ...otherProps }: SkeletonTextProps): React.JSX.Element;
    displayName: string;
};

interface SkeletonContainerProps extends CommonProps {
    /**
     * Background color of the skeleton
     */
    backgroundColor?: string;
    /**
     * Background opacity of the skeleton
     */
    backgroundOpacity?: number;
    /**
     * Whether skeleton has animation or not
     */
    isAnimated?: boolean;
    /**
     * Speed of the animation
     */
    speed?: number | string;
    /**
     * Color of the foreground skeleton items
     */
    foregroundColor?: string;
    /**
     * Opacity of the foreground skeleton items
     */
    foregroundOpacity?: number;
    /**
     * Width of the SVG element
     */
    svgWidth?: string | number;
    /**
     * Height of the SVG element
     */
    svgHeight?: string | number;
    /**
     * Label attribute
     */
    ariaLabel?: string;
    width?: number | string;
    height?: number | string;
    clipId?: string;
    gradientId?: string;
    animateId?: string;
    preserveAspectRatio?: string;
    children: React.ReactNode;
}
declare const SkeletonContainer: {
    ({ children, testId, ariaLabel, width, height, preserveAspectRatio, backgroundColor, backgroundOpacity, isAnimated, speed, foregroundColor, foregroundOpacity, svgWidth, svgHeight, clipId, gradientId, animateId, ...otherProps }: SkeletonContainerProps): React.JSX.Element;
    displayName: string;
};

declare const SkeletonDisplayText: {
    ({ lineHeight, marginBottom, numberOfLines, offsetLeft, offsetTop, width, ...otherProps }: SkeletonTextProps): React.ReactElement;
    displayName: string;
};

type stringOrNumber = string | number;
interface SkeletonImageProps {
    width?: stringOrNumber;
    height?: stringOrNumber;
    radiusX?: stringOrNumber;
    radiusY?: stringOrNumber;
    offsetLeft?: stringOrNumber;
    offsetTop?: stringOrNumber;
    testId?: string;
}
declare const SkeletonImage: {
    ({ testId, offsetLeft, offsetTop, width, height, radiusX, radiusY, ...otherProps }: SkeletonImageProps): React.ReactElement;
    displayName: string;
};

interface SkeletonRowProps {
    /** Defines the number of rows to be rendered */
    rowCount?: number;
    /** Defines the number of columns to be rendered */
    columnCount?: number;
}
declare const SkeletonRow: {
    ({ columnCount, rowCount, }: SkeletonRowProps): React.JSX.Element;
    displayName: string;
};

type CompoundSkeleton = {
    BodyText: typeof SkeletonBodyText;
    Container: typeof SkeletonContainer;
    DisplayText: typeof SkeletonDisplayText;
    Image: typeof SkeletonImage;
    Row: typeof SkeletonRow;
    Text: typeof SkeletonText;
};
declare const Skeleton: CompoundSkeleton;

export { Skeleton, SkeletonBodyText, SkeletonContainer, type SkeletonContainerProps, SkeletonDisplayText, SkeletonImage, type SkeletonImageProps, SkeletonRow, type SkeletonRowProps, SkeletonText, type SkeletonTextProps };