import * as react_jsx_runtime from 'react/jsx-runtime';
import { ReactNode } from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
export { F as FeatureShowcaseItem, o as FeatureShowcaseProps } from './community-initiatives-rTRuDt0r.js';
import './blocks-BlWXj9GI.js';
import 'class-variance-authority';
import './button-variants-8mtEHxev.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

interface FeatureShowcaseItem {
    /**
     * Content to display (text, headings, etc.)
     */
    content?: ReactNode;
    /**
     * Media component to display (images, videos, etc.)
     */
    mediaComponent?: ReactNode;
}
interface FeatureShowcaseProps {
    /**
     * Array of feature items to display in the carousel
     */
    items?: FeatureShowcaseItem[];
    /**
     * Optional header content above the carousel
     */
    children?: ReactNode;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the carousel
     */
    carouselClassName?: string;
    /**
     * Additional CSS classes for each slide
     */
    slideClassName?: string;
    /**
     * Additional CSS classes for the content area
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the media area
     */
    mediaClassName?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Whether to equalize slide heights on mobile
     */
    equalizeOnMobile?: boolean;
    /**
     * Whether to stretch media to fill available space on mobile
     */
    stretchMediaOnMobile?: boolean;
    /**
     * 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;
}
/**
 * Feature Showcase component with carousel navigation
 *
 * Displays feature content with media in a carousel format. Each slide shows
 * content (text, headings) alongside media (images, videos). Features mobile
 * height equalization for consistent slide heights and customizable styling.
 *
 * @example
 * ```tsx
 * <FeatureShowcase
 *   items={[
 *     {
 *       content: <div><h3>Feature 1</h3><p>Description</p></div>,
 *       mediaComponent: <img src="/feature1.jpg" alt="Feature 1" />
 *     },
 *     {
 *       content: <div><h3>Feature 2</h3><p>Description</p></div>,
 *       mediaComponent: <img src="/feature2.jpg" alt="Feature 2" />
 *     }
 *   ]}
 * />
 * ```
 */
declare function FeatureShowcase({ items, children, className, carouselClassName, slideClassName, contentClassName, mediaClassName, equalizeOnMobile, stretchMediaOnMobile, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: FeatureShowcaseProps): react_jsx_runtime.JSX.Element;

export { FeatureShowcase };
