import type { HTMLAttributes } from 'svelte/elements';
export type Intensity3D = 'none' | 'subtle' | 'medium' | 'dramatic';
export type Variant = 'gradient' | 'solid';
export interface FacehashProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
    /**
     * String to generate a deterministic face from.
     * Same string always produces the same face.
     */
    name: string;
    /**
     * Size in pixels or CSS units.
     * @default 40
     */
    size?: number | string;
    /**
     * Background style.
     * - "gradient": Adds gradient overlay (default)
     * - "solid": Plain background color
     * @default "gradient"
     */
    variant?: Variant;
    /**
     * 3D effect intensity.
     * @default "dramatic"
     */
    intensity3d?: Intensity3D;
    /**
     * Enable hover interaction.
     * When true, face "looks straight" on hover.
     * @default true
     */
    interactive?: boolean;
    /**
     * Show first letter of name below the face.
     * @default true
     */
    showInitial?: boolean;
    /**
     * Hex color array for inline styles.
     * Use this OR colorClasses, not both.
     */
    colors?: string[];
    /**
     * Tailwind class array for background colors.
     * Example: ["bg-pink-500 dark:bg-pink-600", "bg-blue-500 dark:bg-blue-600"]
     * Use this OR colors, not both.
     */
    colorClasses?: string[];
    /**
     * Custom gradient overlay class (Tailwind).
     * When provided, replaces the default pure CSS gradient.
     * Only used when variant="gradient".
     */
    gradientOverlayClass?: string;
}
declare const Facehash: import("svelte").Component<FacehashProps, {}, "">;
type Facehash = ReturnType<typeof Facehash>;
export default Facehash;