import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
import { O as OptixFlowConfig } from './blocks-BJ3CyHu6.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * Item configuration for carousel icon sidebar.
 */
interface CarouselIconSidebarItem {
    /**
     * Image source URL
     */
    src: string;
    /**
     * Alt text for the image
     */
    alt?: string;
    /**
     * Title of the item
     */
    title: React.ReactNode;
    /**
     * Description text
     */
    description: React.ReactNode;
    /**
     * Icon name for DynamicIcon
     */
    icon: string;
    /**
     * Additional CSS classes for the item
     */
    className?: string;
}
interface CarouselIconSidebarProps {
    /**
     * Section title (displayed above the carousel)
     */
    title?: React.ReactNode;
    /**
     * Section description (displayed above the carousel)
     */
    description?: React.ReactNode;
    /**
     * Array of items to display
     */
    items?: CarouselIconSidebarItem[];
    /**
     * Custom slot for rendering items (overrides items array)
     */
    itemsSlot?: React.ReactNode;
    /**
     * Custom slot for rendering the sidebar content
     */
    sidebarSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the section title
     */
    sectionTitleClassName?: string;
    /**
     * Additional CSS classes for the section description
     */
    sectionDescriptionClassName?: string;
    /**
     * Additional CSS classes for the sidebar panel
     */
    sidebarClassName?: string;
    /**
     * Additional CSS classes for the icon container
     */
    iconClassName?: string;
    /**
     * Additional CSS classes for the sidebar item title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the sidebar item description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the navigation controls
     */
    controlsClassName?: string;
    /**
     * Additional CSS classes for the carousel wrapper
     */
    carouselClassName?: string;
    /**
     * Additional CSS classes for the carousel content
     */
    carouselContentClassName?: string;
    /**
     * Additional CSS classes for each carousel item
     */
    itemClassName?: string;
    /**
     * Additional CSS classes for each image
     */
    imageClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the pattern overlay
     */
    patternClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * CarouselIconSidebar displays a carousel with a dynamic icon sidebar panel.
 *
 * Features a two-column layout with a muted sidebar panel showing the active
 * slide's icon, title, description, and navigation arrows, alongside a larger
 * image carousel. The sidebar content updates dynamically based on the current
 * slide. Ideal for showcasing product features, service offerings, or portfolio
 * items with detailed descriptions.
 *
 * @example
 * ```tsx
 * <CarouselIconSidebar
 *   items={[
 *     {
 *       src: "/images/design.jpg",
 *       title: "Elegant Design",
 *       description: "Beautiful interfaces that users love",
 *       icon: "lucide/palette"
 *     }
 *   ]}
 * />
 * ```
 */
declare function CarouselIconSidebar({ title, description, items, itemsSlot, sidebarSlot, className, sectionTitleClassName, sectionDescriptionClassName, sidebarClassName, iconClassName, titleClassName, descriptionClassName, controlsClassName, carouselClassName, carouselContentClassName, itemClassName, imageClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: CarouselIconSidebarProps): React.JSX.Element;

export { CarouselIconSidebar, type CarouselIconSidebarItem, type CarouselIconSidebarProps };
