import React from "react";
import { type VariantProps } from "class-variance-authority";
/**
 * Skeleton – placeholder carregando, inspirado no shadcn/ui.
 *
 * Agora com props para customizar a **cor que pulsa** e a **animação**:
 * - `toneClassName`: classes Tailwind para a base/cor do skeleton (ex.: `bg-emerald-200`).
 * - `animateClassName`: classes Tailwind para a animação (ex.: `animate-pulse`, `motion-safe:animate-[pulse_1.5s_ease_infinite]`).
 *
 * Dica: se quiser somente trocar a cor, basta `toneClassName`. Se quiser
 * customizar a animação, passe `animate={false}` e use apenas `animateClassName`.
 */
declare const skeletonVariants: (props?: ({
    theme?: "dark" | "light" | "normal" | null | undefined;
    animate?: boolean | null | undefined;
    radius?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export type SkeletonProps = {
    className?: string;
    /** Cor/base do skeleton (ex.: bg-emerald-200, bg-zinc-200, bg-white/20) */
    toneClassName?: string;
    /** Classe(s) de animação (ex.: animate-pulse) */
    animateClassName?: string;
} & VariantProps<typeof skeletonVariants> & React.HTMLAttributes<HTMLDivElement>;
declare const Skeleton: React.ForwardRefExoticComponent<{
    className?: string | undefined;
    /** Cor/base do skeleton (ex.: bg-emerald-200, bg-zinc-200, bg-white/20) */
    toneClassName?: string | undefined;
    /** Classe(s) de animação (ex.: animate-pulse) */
    animateClassName?: string | undefined;
} & VariantProps<(props?: ({
    theme?: "dark" | "light" | "normal" | null | undefined;
    animate?: boolean | null | undefined;
    radius?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
export default Skeleton;