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

interface IndustryService {
    title: string;
    description: string;
    imageSrc: string;
    imageAlt: string;
}
interface IndustriesBadgeListBorderedProps {
    /**
     * Badge text displayed above the heading
     * @default "Industries"
     */
    badge?: string;
    /**
     * Main heading text
     */
    heading?: string;
    /**
     * Array of industry services to display
     */
    services?: IndustryService[];
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * IndustriesBadgeListBordered displays a professional industries listing with badge header and bordered rows.
 *
 * Features a badge label above a bold heading, followed by a list of industry services in bordered rows.
 * Each row uses a 12-column grid layout with icon, title, and description that reorders responsively
 * on mobile. Ideal for showcasing service offerings, industry expertise, or capability listings
 * in a clean, scannable format.
 *
 * @example
 * ```tsx
 * <IndustriesBadgeListBordered
 *   badge="Industries"
 *   heading="Transforming industries through innovative technology solutions"
 *   services={[
 *     {
 *       title: "Mining",
 *       description: "Empowering mining operations with advanced automation...",
 *       imageSrc: "/mining-icon.png",
 *       imageAlt: "Mining industry icon"
 *     }
 *   ]}
 * />
 * ```
 */
declare function IndustriesBadgeListBordered({ className, badge, heading, services, optixFlowConfig, }: IndustriesBadgeListBorderedProps): react_jsx_runtime.JSX.Element;

export { IndustriesBadgeListBordered, type IndustriesBadgeListBorderedProps, type IndustryService };
