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

interface IndustryContractor {
    id: string;
    category: string;
    title: string;
    imageSrc: string;
    imageAlt: string;
    learnMoreUrl: string;
}
interface IndustriesExpandableShowcaseProps {
    /**
     * Main heading text
     * @default "Powering Renewable Industries"
     */
    heading?: string;
    /**
     * Array of industry contractors/categories to display
     */
    contractors?: IndustryContractor[];
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * 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({ className, heading, contractors, optixFlowConfig, }: IndustriesExpandableShowcaseProps): react_jsx_runtime.JSX.Element;

export { IndustriesExpandableShowcase, type IndustriesExpandableShowcaseProps, type IndustryContractor };
