import { type OptionalSchema, type Output, type StringSchema } from 'valibot';
declare module 'react' {
    interface CSSProperties {
        [key: `--${string}`]: number | string | undefined;
    }
}
declare const PropsSchema: import("valibot").ObjectSchema<{
    /**
     * [Background color CSS property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color).
     *
     * Can also specify via CSS custom property `--react-scrolling-background__background-color`.
     */
    backgroundColor: OptionalSchema<StringSchema<import("csstype").Property.BackgroundColor | undefined>>;
    /**
     * [Background image CSS property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image).
     *
     * Can also specify via CSS custom property `--react-scrolling-background__background-image`.
     */
    backgroundImage: OptionalSchema<StringSchema<import("csstype").Property.BackgroundImage | undefined>>;
    /** CSS class to apply to the background container element. */
    className: OptionalSchema<StringSchema<string>, undefined, string | undefined>;
    /**
     * Durations (in milliseconds) to scroll the background. Defaults to 10 minutes.
     *
     * Can also specify via CSS custom property `--react-scrolling-background__duration`.
     */
    duration: OptionalSchema<import("valibot").NumberSchema<number>, undefined, number | undefined>;
    /**
     * Nonce for allowlisting specific elements under content security policy.
     *
     * This package requires `script-src` and `style-src`.
     */
    nonce: OptionalSchema<StringSchema<string>, undefined, string | undefined>;
    /**
     * Speed of the scrolling defined by number of full rotations done within the duration. Defaults to 3, meaning 3 full rotations in 10 minutes.
     *
     * Note: Speed will change depends on the container width. Narrower container will have its background scroll slower than wider container.
     *
     * Can also specify via CSS custom property `--react-scrolling-background__speed`.
     */
    speed: OptionalSchema<import("valibot").NumberSchema<number>, undefined, number | undefined>;
    /** CSS properties to apply to the main element. */
    style: OptionalSchema<import("valibot").AnySchema<any>, undefined, any>;
}, undefined, {
    duration?: number | undefined;
    speed?: number | undefined;
    backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
    backgroundImage?: import("csstype").Property.BackgroundImage | undefined;
    className?: string | undefined;
    nonce?: string | undefined;
    style?: any;
}>;
declare const ScrollingBackground: import("react").MemoExoticComponent<(props: Readonly<Output<typeof PropsSchema>>) => import("react/jsx-runtime").JSX.Element>;
export default ScrollingBackground;