import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * Resource item configuration for carousel sidebar resources.
 */
interface CarouselSidebarResource {
    /**
     * Title of the resource
     */
    title: React.ReactNode;
    /**
     * Category label
     */
    category: React.ReactNode;
    /**
     * Link URL for the resource
     */
    link: string;
    /**
     * Image source URL
     */
    image: string;
    /**
     * Alt text for the image
     */
    imageAlt?: string;
    /**
     * Additional CSS classes for the resource item
     */
    className?: string;
}
interface CarouselSidebarResourcesProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Array of resources to display
     */
    resources?: CarouselSidebarResource[];
    /**
     * Custom slot for rendering resources (overrides resources array)
     */
    resourcesSlot?: React.ReactNode;
    /**
     * Custom slot for rendering the sidebar
     */
    sidebarSlot?: React.ReactNode;
    /**
     * Text for the "View all resources" link
     */
    viewAllText?: React.ReactNode;
    /**
     * URL for the "View all resources" link
     */
    viewAllHref?: string;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the sidebar
     */
    sidebarClassName?: 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;
    /**
     * Additional CSS classes for the navigation controls
     */
    controlsClassName?: 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;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * CarouselSidebarResources displays a carousel with a sidebar resource list.
 *
 * Features a three-column layout with a sidebar showing the first 3 resources
 * as a categorized list with separators, a main carousel area showing cards
 * with images and titles, and navigation controls. The sidebar includes a
 * "View all resources" link. Ideal for resource centers, documentation hubs,
 * or content libraries with categorized materials.
 *
 * @example
 * ```tsx
 * <CarouselSidebarResources
 *   heading="Start building with our template collection"
 *   resources={[
 *     {
 *       title: "Getting Started Guide",
 *       category: "guide",
 *       link: "/docs/getting-started",
 *       image: "/images/guide.jpg"
 *     }
 *   ]}
 *   viewAllText="View all resources"
 *   viewAllHref="/resources"
 * />
 * ```
 */
declare function CarouselSidebarResources({ sectionId, heading, resources, resourcesSlot, sidebarSlot, viewAllText, viewAllHref, className, headingClassName, sidebarClassName, carouselClassName, carouselContentClassName, itemClassName, imageClassName, controlsClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: CarouselSidebarResourcesProps): React.JSX.Element;

export { type CarouselSidebarResource, CarouselSidebarResources, type CarouselSidebarResourcesProps };
