import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

interface IndustryContractor {
    /**
     * Unique identifier for the contractor
     */
    id: string;
    /**
     * Category label (e.g., "Hydro", "Wind", "Solar")
     */
    category: React.ReactNode;
    /**
     * Title/description for the contractor
     */
    title: React.ReactNode;
    /**
     * Image source URL
     */
    imageSrc: string;
    /**
     * Alt text for the image
     */
    imageAlt: string;
    /**
     * URL for the "Learn more" link
     */
    learnMoreUrl: string;
    /**
     * Custom label for the learn more link
     */
    learnMoreLabel?: React.ReactNode;
    /**
     * Additional CSS classes for the item
     */
    className?: string;
}
interface IndustriesExpandableShowcaseProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Custom slot for heading (overrides heading prop)
     */
    headingSlot?: React.ReactNode;
    /**
     * Array of industry contractors/categories to display
     */
    contractors?: IndustryContractor[];
    /**
     * Custom slot for contractors (overrides contractors array)
     */
    contractorsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the heading wrapper
     */
    headingWrapperClassName?: string;
    /**
     * Additional CSS classes for the mobile showcase container
     */
    mobileClassName?: string;
    /**
     * Additional CSS classes for the desktop showcase container
     */
    desktopClassName?: string;
    /**
     * Additional CSS classes for individual contractor items
     */
    itemClassName?: 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;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * IndustriesExpandableShowcase displays an interactive expandable showcase for industry categories.
 *
 * Features a large heading followed by an accordion-style panel layout on desktop where hovering
 * expands a panel to reveal its image and details. On mobile, displays stacked cards with images.
 * Each panel shows a category name, title description, and "Learn more" link. Ideal for showcasing
 * industry verticals, service categories, or portfolio sections with engaging hover interactions.
 *
 * @example
 * ```tsx
 * <IndustriesExpandableShowcase
 *   heading="Powering Renewable Industries"
 *   contractors={[
 *     {
 *       id: "hydro",
 *       category: "Hydro",
 *       title: "Revolutionizing Hydroelectric Power Generation",
 *       imageSrc: "/hydro.jpg",
 *       imageAlt: "Hydroelectric operations",
 *       learnMoreUrl: "/industries/hydro"
 *     }
 *   ]}
 * />
 * ```
 */
declare function IndustriesExpandableShowcase({ heading, headingSlot, contractors, contractorsSlot, className, containerClassName, headingClassName, headingWrapperClassName, mobileClassName, desktopClassName, itemClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: IndustriesExpandableShowcaseProps): React.JSX.Element;

export { IndustriesExpandableShowcase, type IndustriesExpandableShowcaseProps, type IndustryContractor };
