import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
import { P as PatternName } from './pattern-background-a7gKHzHy.js';
import './blocks-k17uluAz.js';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

interface ProjectStickyScrollItem {
    title: string;
    description: string;
    content?: React.ReactNode;
}
interface ProjectStickyScrollProps {
    /**
     * Array of content sections (required)
     */
    content: ProjectStickyScrollItem[];
    /**
     * Custom slot for rendering content (overrides content array)
     */
    contentSlot?: React.ReactNode;
    /**
     * Background colors to cycle through
     */
    backgroundColors?: string[];
    /**
     * Linear gradients for the sticky panel
     */
    linearGradients?: string[];
    /**
     * Section background style
     */
    background?: SectionBackground;
    /**
     * Section spacing
     */
    spacing?: SectionSpacing;
    /**
     * Background pattern
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the scroll container
     */
    scrollContainerClassName?: string;
    /**
     * Additional CSS classes for the text content area
     */
    textContentClassName?: string;
    /**
     * Additional CSS classes for the sticky panel
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for each title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for each description
     */
    descriptionClassName?: string;
}
/**
 * ProjectStickyScroll - Scroll-driven content reveal with sticky gradient sidebar.
 *
 * Features a scrollable container with text content on the left and a sticky gradient
 * panel on the right that changes color as you scroll. Each content section has a title
 * and description that fade in/out based on scroll position. The background color of
 * the entire container also transitions between dark themes. The sticky panel can display
 * custom React content for each section. Perfect for storytelling, case study walkthroughs,
 * or any narrative content where visual context should remain visible while scrolling.
 */
declare function ProjectStickyScroll({ content, contentSlot, backgroundColors, linearGradients, background, spacing, pattern, patternOpacity, className, scrollContainerClassName, textContentClassName, contentClassName, titleClassName, descriptionClassName, }: ProjectStickyScrollProps): react_jsx_runtime.JSX.Element;

export { ProjectStickyScroll, type ProjectStickyScrollItem, type ProjectStickyScrollProps };
