import { ReactNode } from 'react'; import { TransformProps } from '../three_transforms/interfaces'; /** * Grid Component (no volume) * */ interface GridProps extends Omit { /** @dial-ignore **/ _key?: string; /** @dial-ignore **/ children?: ReactNode; /** * @dial transform * @dial-cols 3 * @dial-value 0 **/ offset?: number; /** * Width along the X axis * @dial geometry * @dial-cols 2 * @default 10 **/ width?: number; /** * Height along the Z axis * @dial geometry * @default 10 **/ height?: number; /** * Width segments * @dial geometry * @dial-dtype int * @dial-min 1 * @default 1 **/ widthSegments?: number; /** * Height segments * @dial geometry * @dial-dtype int * @dial-min 1 * @default 1 **/ heightSegments?: number; /** * @dial cell @dial-cols 3 * @dial-dtype number @default 0.2 @dial-step 0.001**/ cellSize?: number; /** @dial cell @dial-dtype number @default 0.6 @dial-step 0.001 **/ cellThickness?: number; /** @dial cell @dial-dtype color @default "#6f6f6f" **/ cellColor?: string; /** * @dial section @dial-cols 3 * @dial-dtype number @default 1.0 @dial-step 0.001 **/ sectionSize?: number; /** @dial section * @dial-dtype number @default 1.5 @dial-step 0.001 **/ sectionThickness?: number; /** @dial section @dial-dtype color @default "#23aaff" **/ sectionColor?: string; /** @dial fade @dial-cols 2 * @default 10 @dial-step 0.1 **/ fadeDistance?: number; /** @dial fade @default 1 @dial-step 0.001 **/ fadeStrength?: number; /** @dial misc @dial-cols 3 * @default true **/ followCamera?: boolean; /** @dial misc @default true **/ infiniteGrid?: boolean; /** @dial misc @default false **/ enableRaycast?: boolean; } /** * Grid component * **/ export declare function Grid({ _key, children, position, rotation, offset, width, height, widthSegments, heightSegments, cellSize, cellThickness, cellColor, sectionSize, sectionThickness, sectionColor, fadeDistance, fadeStrength, followCamera, infiniteGrid, enableRaycast, ...config }: GridProps): ReactNode; export {};