import * as react_jsx_runtime from 'react/jsx-runtime';

interface CarouselSidebarResource {
    title: string;
    category: string;
    link: string;
    image: string;
}
interface CarouselSidebarResourcesProps {
    heading?: string;
    resources?: CarouselSidebarResource[];
    viewAllText?: string;
    viewAllHref?: string;
    className?: string;
    /** Optional Optix Flow configuration for @page-speed/img */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * 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({ heading, resources, viewAllText, viewAllHref, className, optixFlowConfig, }: CarouselSidebarResourcesProps): react_jsx_runtime.JSX.Element;

export { type CarouselSidebarResource, CarouselSidebarResources, type CarouselSidebarResourcesProps };
