import * as react_jsx_runtime from 'react/jsx-runtime';
import { ReactNode } from 'react';
export { F as FeatureShowcaseItem, s as FeatureShowcaseProps } from './community-initiatives-BeWIIjA4.js';
import './pattern-background-a7gKHzHy.js';
import './blocks-k17uluAz.js';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

interface FeatureShowcaseItem {
    content: ReactNode;
    mediaComponent: ReactNode;
}
interface FeatureShowcaseProps {
    items: FeatureShowcaseItem[];
    children?: ReactNode;
    className?: string;
    carouselClassName?: string;
    slideClassName?: string;
    contentClassName?: string;
    mediaClassName?: string;
    arrowClassName?: string;
    equalizeOnMobile?: boolean;
    stretchMediaOnMobile?: boolean;
}
/**
 * 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, arrowClassName, equalizeOnMobile, stretchMediaOnMobile, }: FeatureShowcaseProps): react_jsx_runtime.JSX.Element;

export { FeatureShowcase };
