import { GpuShaderDefinition } from '../../gpu/porters'; import { transformColor, transformPosition } from '../../utilities/transformations'; export interface ComponentProps { /** * Edge color at the curtain base * * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`). * @default "#a533f8" */ colorA: Parameters[0]; /** * Core color in the bright center * * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`). * @default "#22ee88" */ colorB: Parameters[0]; /** * Tip color at the ray ends * * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`). * @default "#1694e8" */ colorC: Parameters[0]; /** * Color space for color interpolation * * Accepts one of the predefined option values. * @default "linear" */ colorSpace: string; /** * Shifts color distribution across the curtain height * * @default 50 */ balance: number; /** * Overall aurora brightness * * @default 80 */ intensity: number; /** * Number of aurora curtain layers * * Accepts a number between 1 and 4. * @default 4 */ curtainCount: number; /** * Animation speed * * Accepts a number between -10 and 10. * @default 5 */ speed: number; /** * How much the curtains undulate * * @default 50 */ waviness: number; /** * Density of vertical ray structures * * @default 20 */ rayDensity: number; /** * How tall the aurora extends * * @default 120 */ height: number; /** * Center position of the aurora * * Accepts `{ x, y }` objects with values from 0 to 1, or CSS positions like `top center`. * @default {"x":0.5,"y":0} */ center: Parameters[0]; /** * Random seed for variation * * @default 0 */ seed: number; } export declare const componentDefinition: GpuShaderDefinition; export default componentDefinition; //# sourceMappingURL=index.d.ts.map