import { ComponentProps } from 'react';
import { TypographyComponentProps } from '../Typography/Typography';
interface SkeletonProps extends ComponentProps<"div"> {
    /**
     * Width of the skeleton
     */
    width?: string | number;
    /**
     * Height of the skeleton
     */
    height?: string | number;
}
declare const Skeleton: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
type SkeletonTypographyProps = Omit<SkeletonProps, "height"> & {
    /**
     * Number of lines to show
     * @default 1
     */
    lines?: number;
    /**
     * The variant of the typography
     * @default "body"
     */
    variant?: TypographyComponentProps["variant"];
    /**
     * The level of the typography
     * @default 2
     */
    level?: TypographyComponentProps["level"];
};
export declare const skeletonVariants: (props?: ({
    variant?: "number" | "heading" | "subtitle" | "body" | "label" | "display" | null | undefined;
    level?: 1 | 2 | 3 | 4 | 5 | 6 | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
declare const SkeletonTypography: {
    ({ variant, level, lines, className, ...props }: SkeletonTypographyProps): import("react/jsx-runtime").JSX.Element[];
    displayName: string;
};
export { Skeleton, SkeletonTypography };
export type { SkeletonProps, SkeletonTypographyProps };