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

interface BlogCarouselApplePost {
    /**
     * Content item image URL
     */
    image?: string;
    /**
     * Content item title
     */
    title?: string;
    /**
     * Content item category/tag
     */
    category?: string;
    /**
     * Content item URL (internal or external)
     */
    url?: string;
    /**
     * Optional content item excerpt/description (for dialog/lightbox views)
     */
    excerpt?: React.ReactNode;
}
interface BlogCarouselAppleProps {
    /**
     * Section title
     */
    title?: string;
    /**
     * Section subtitle/eyebrow text
     */
    subtitle?: string;
    /**
     * Array of content items to display in the carousel
     */
    posts?: BlogCarouselApplePost[];
    /**
     * Card action type - determines behavior when cards are clicked
     */
    actionType?: "link" | "dialog" | "lightbox" | "none";
    /**
     * Custom action handler for card clicks
     */
    onCardClick?: (post: BlogCarouselApplePost, index: number) => void;
    /**
     * Enable layout animations for cards
     */
    enableLayoutAnimations?: boolean;
    /**
     * OptixFlow configuration for optimized image loading
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * 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 section
     */
    className?: string;
    /**
     * Additional CSS classes for the carousel wrapper
     */
    carouselClassName?: string;
    /**
     * Additional CSS classes for the carousel container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for individual cards
     */
    cardClassName?: string;
}
/**
 * BlogCarouselApple - An eye-catching horizontal carousel featuring
 * Apple-style cards with gradient overlays and smooth animations. Each card
 * displays a featured image, category tag, and title. Perfect for showcasing
 * featured content items, latest updates, or curated content collections.
 *
 * @example
 * ```tsx
 * <BlogCarouselApple
 *   title="Latest Insights"
 *   subtitle="Featured Content"
 *   posts={contentItems}
 *   actionType="link"
 *   background="gray"
 * />
 * ```
 */
declare function BlogCarouselAppleComponent({ title, subtitle, posts, actionType, onCardClick, enableLayoutAnimations, optixFlowConfig, background, spacing, pattern, patternOpacity, className, carouselClassName, containerClassName, cardClassName, }: BlogCarouselAppleProps): React.JSX.Element;

export { BlogCarouselAppleComponent as BlogCarouselApple, type BlogCarouselApplePost, type BlogCarouselAppleProps };
