import { JSX } from 'solid-js'; import { BlendMode, PropDriver, TransformConfig, BoundingBoxConfig, LayoutConfig } from '../../core'; import { ComponentProps } from '../../core/shaders/StudioBackground'; export type { ComponentProps }; /** * Base props that all shader components have */ interface BaseShaderProps { children?: JSX.Element; blendMode?: BlendMode; opacity?: number; visible?: boolean; id?: string; maskSource?: string; maskType?: string; renderOrder?: number; transform?: Partial; boundingBox?: Partial; flow?: LayoutConfig; absolute?: boolean; } /** * Component-specific props that merge base props with shader-specific props * Note: ComponentProps are made optional since they have defaults from the shader definition */ type ShaderComponentProps = BaseShaderProps & Partial> & { keyIntensity?: ComponentProps['keyIntensity'] | PropDriver; keySoftness?: ComponentProps['keySoftness'] | PropDriver; fillIntensity?: ComponentProps['fillIntensity'] | PropDriver; fillSoftness?: ComponentProps['fillSoftness'] | PropDriver; fillAngle?: ComponentProps['fillAngle'] | PropDriver; backIntensity?: ComponentProps['backIntensity'] | PropDriver; backSoftness?: ComponentProps['backSoftness'] | PropDriver; brightness?: ComponentProps['brightness'] | PropDriver; vignette?: ComponentProps['vignette'] | PropDriver; center?: ComponentProps['center'] | PropDriver; lightTarget?: ComponentProps['lightTarget'] | PropDriver; wallCurvature?: ComponentProps['wallCurvature'] | PropDriver; ambientIntensity?: ComponentProps['ambientIntensity'] | PropDriver; }; /** * The main Solid wrapper component for Shader shader nodes */ export default function ShaderComponent(props: ShaderComponentProps): JSX.Element; //# sourceMappingURL=StudioBackground.d.ts.map