import React from "react";
/** Direction for the fade gradient mask */
export type GridPatternFadeDirection = "radial" | "top" | "bottom" | "left" | "right";
export interface GridPatternProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * Grid cell size in pixels.
     * @default 40
     */
    size?: number;
    /**
     * Stroke width of the grid lines in pixels.
     * @default 1
     */
    strokeWidth?: number;
    /**
     * Stroke color of the grid lines.
     * Accepts any valid CSS color value or CSS variable.
     * @default "var(--color-border)"
     */
    color?: string;
    /**
     * Whether to apply a gradient mask that fades the pattern at the edges.
     * @default true
     */
    fade?: boolean;
    /**
     * Direction of the fade gradient.
     * - "radial" fades from center outward
     * - "top" | "bottom" | "left" | "right" fades toward that edge
     * @default "radial"
     */
    fadeDirection?: GridPatternFadeDirection;
    /**
     * Size of the fade area as a percentage (0-100).
     * Higher values create a larger transparent region.
     * @default 50
     */
    fadeSize?: number;
    /**
     * Whether to apply a subtle drift animation to the grid pattern.
     * Respects prefers-reduced-motion automatically.
     * @default false
     */
    animated?: boolean;
    /** Additional className for style overrides (shadcn pattern). */
    className?: string;
}
