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

interface IndustryService {
    /**
     * Service title
     */
    title: React.ReactNode;
    /**
     * Service description
     */
    description: React.ReactNode;
    /**
     * Image source URL
     */
    imageSrc: string;
    /**
     * Alt text for the image
     */
    imageAlt: string;
    /**
     * Additional CSS classes for the service item
     */
    className?: string;
}
interface IndustriesBadgeListBorderedProps {
    /**
     * Badge content displayed above the heading
     */
    badge?: React.ReactNode;
    /**
     * Custom slot for badge (overrides badge prop)
     */
    badgeSlot?: React.ReactNode;
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Custom slot for heading (overrides heading prop)
     */
    headingSlot?: React.ReactNode;
    /**
     * Array of industry services to display
     */
    services?: IndustryService[];
    /**
     * Custom slot for services (overrides services array)
     */
    servicesSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the header wrapper
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the badge
     */
    badgeClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the services container
     */
    servicesClassName?: string;
    /**
     * Additional CSS classes for individual service 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;
}
/**
 * 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({ badge, badgeSlot, heading, headingSlot, services, servicesSlot, className, containerClassName, headerClassName, badgeClassName, headingClassName, servicesClassName, itemClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: IndustriesBadgeListBorderedProps): React.JSX.Element;

export { IndustriesBadgeListBordered, type IndustriesBadgeListBorderedProps, type IndustryService };
