import * as React_2 from 'react';
import { renderSkeleton_unstable as renderSkeleton } from '@fluentui/react-skeleton';
import { renderSkeletonItem_unstable as renderSkeletonItem } from '@fluentui/react-skeleton';
import { SkeletonBaseProps } from '@fluentui/react-skeleton';
import type { SkeletonBaseState } from '@fluentui/react-skeleton';
import type { SkeletonContextValues as SkeletonContextValues_2 } from '@fluentui/react-skeleton';
import { SkeletonItemBaseProps } from '@fluentui/react-skeleton';
import type { SkeletonItemBaseState } from '@fluentui/react-skeleton';
import type { SkeletonItemSlots as SkeletonItemSlots_2 } from '@fluentui/react-skeleton';
import type { SkeletonSlots as SkeletonSlots_2 } from '@fluentui/react-skeleton';

export { renderSkeleton }

export { renderSkeletonItem }

/**
 * A skeleton component for loading placeholders.
 */
export declare const Skeleton: React_2.ForwardRefExoticComponent<SkeletonBaseProps & React_2.RefAttributes<HTMLDivElement>>;

/**
 * Skeleton component context values
 */
declare type SkeletonContextValues = SkeletonContextValues_2;

/**
 * A SkeletonItem component for loading placeholders.
 */
export declare const SkeletonItem: React_2.ForwardRefExoticComponent<SkeletonItemBaseProps & React_2.RefAttributes<HTMLDivElement>>;

/**
 * SkeletonItem component props
 */
export declare type SkeletonItemProps = SkeletonItemBaseProps;

/**
 * SkeletonItem component slots
 */
export declare type SkeletonItemSlots = SkeletonItemSlots_2;

/**
 * SkeletonItem component state
 */
export declare type SkeletonItemState = SkeletonItemBaseState;

/**
 * Skeleton component props
 */
export declare type SkeletonProps = SkeletonBaseProps;

/**
 * Skeleton component slots
 */
export declare type SkeletonSlots = SkeletonSlots_2;

/**
 * Skeleton component state
 */
export declare type SkeletonState = SkeletonBaseState;

/**
 * Returns the state for a Skeleton component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderSkeleton`.
 */
export declare const useSkeleton: (props: SkeletonProps, ref: React_2.Ref<HTMLDivElement>) => SkeletonState;

/**
 * Returns the context values for a Skeleton component.
 */
export declare const useSkeletonContextValues: (state: SkeletonState) => SkeletonContextValues;

/**
 * Returns the state for a SkeletonItem component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderSkeletonItem`.
 */
export declare const useSkeletonItem: (props: SkeletonItemProps, ref: React_2.Ref<HTMLDivElement>) => SkeletonItemState;

export { }