import * as tailwind_variants from 'tailwind-variants'; import * as react from 'react'; import { Ref } from 'react'; import * as _nextui_org_system from '@nextui-org/system'; import { PropGetter, HTMLNextUIProps } from '@nextui-org/system'; import { SkeletonVariantProps, SlotsToClasses, SkeletonSlots } from '@nextui-org/theme'; interface Props extends HTMLNextUIProps<"div"> { /** * Ref to the DOM node. */ ref?: Ref; /** * The skeleton will be visible while isLoading is `false`. * @default false */ isLoaded?: boolean; /** * Classname or List of classes to change the classNames of the element. * if `className` is passed, it will be added to the base slot. * * @example * ```ts * * ``` */ classNames?: SlotsToClasses; } type UseSkeletonProps = Props & SkeletonVariantProps; declare function useSkeleton(originalProps: UseSkeletonProps): { Component: _nextui_org_system.As; children: react.ReactNode; slots: { base: (slotProps?: ({ disableAnimation?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; content: (slotProps?: ({ disableAnimation?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; } & { base: (slotProps?: ({ disableAnimation?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; content: (slotProps?: ({ disableAnimation?: boolean | undefined; } & tailwind_variants.ClassProp) | undefined) => string; } & {}; classNames: SlotsToClasses<"base" | "content"> | undefined; getSkeletonProps: PropGetter, _nextui_org_system.DOMAttributes<_nextui_org_system.DOMElement>>; getContentProps: PropGetter, _nextui_org_system.DOMAttributes<_nextui_org_system.DOMElement>>; }; type UseSkeletonReturn = ReturnType; export { UseSkeletonProps, UseSkeletonReturn, useSkeleton };